<?php $root = get_template_directory_uri() . '/'; $media = $root . 'media/'; $links = [ 'steam' => [ 'url' => 'https://ravenage.ink/3X9TWp4' ], 'epic' => 'https://store.epicgames.com/en-US/p/masterplan-tycoon-379d81', 'xo' => '#', 'gog' => 'https://www.gog.com/en/game/masterplan_tycoon', 'terms_of_use' => 'https://ravenage.games/?page_id=3', 'privacy' => 'https://ravenage.games/?page_id=77', 'press_kit' => 'https://drive.google.com/drive/folders/1pHBrRUOTsiontRJPTI0NWnygHpstXaPA?usp=share_link', 'pub' => 'https://ravenage.games/', 'mail' => 'info@ravenage.games', 'socials' => [ //'facebook' => '', 'twitter' => 'https://twitter.com/Ravenage_Games', 'discord' => 'http://discord.gg/JDXWssYNA3', 'reddit' => 'https://www.reddit.com/user/BureauBravin', //'vk' => '', //'instagram' => '', //'youtube' => '', ] ]; function bg($src) { global $media; echo 'style="background-image: url(' . $media . $src . ')"'; } //<html lang="<?php echo LANG['current'] \?\>"> ?> <!DOCTYPE> <html lang="en-US"> <head> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(94216061, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/94216061" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-259975313-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-259975313-1'); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M25GVCV');</script> <!-- End Google Tag Manager --> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="apple-touch-icon" sizes="152x152" href="<?php echo $media ?>favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="<?php echo $media ?>favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="<?php echo $media ?>favicon/favicon-16x16.png"> <link rel="manifest" href="<?php echo $media ?>favicon/site.webmanifest"> <link rel="mask-icon" href="<?php echo $media ?>favicon/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="<?php echo $media ?>favicon/favicon.ico"> <meta name="msapplication-TileColor" content="#2b5797"> <meta name="msapplication-config" content="<?php echo $media ?>favicon/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <title><?php _t('title') ?></title> <?php // lang_head(); ?> <?php wp_head() ?> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M25GVCV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <main class="layout"> <div class="bg s-over-tablet"> <div class="bg__parallax parallax js-parallax"> <div></div> <?php foreach (['tr', 'br', 'bl', 'tl'] as $i => $pos) { ?> <div class="parallax__layer" data-depth="<?php $s = 0.03; echo $i % 2 == 0 ? -$s : $s ?>"> <div class="parallax__inner parallax__inner_<?php echo $pos ?>" <?php bg('bg-' . $pos . '.png') ?>></div> </div> <?php } ?> </div> <div class="bg__sprite bg__sprite_fish" <?php bg('bg-fisherman.svg') ?>></div> <div class="bg__circle bg__circle_1"></div> <div class="bg__circle bg__circle_2"></div> </div> <div class="bg-m s-tablet"> <div class="bg__circle bg__circle_1"></div> <div class="bg__circle bg__circle_2"></div> </div> <div class="mobile-tip s-tablet"> <div class="mobile-tip__wrap"> <div class="mobile-tip__icon b-icon-warn"></div> <div class="mobile-tip__text"> For a better immersion, visit the site from your PC </div> </div> </div> <div class="layout__content content"> <div class="l-container l-container_small"> <div class="content__main"> <img src="<?php echo $media ?>logo.svg" alt="<?php _t('title') ?>" class="content__logo"> <p class="content__desc"> A real-time strategy game about building interconnected chains of resources. The nodes are buildings. The pins are contact points between them. The links are supply lines. Create the largest logistics system possible. </p> <div class="content__shops"> <div class="b-shops"> <!--<a href="<?php echo $links['xo'] ?>" class="b-shops__item b-icon-xo" target="_blank"></a>--> <div class="b-shops__item b-icon-xsolla js-xsolla"></div> <a href="<?php echo $links['gog'] ?>" class="b-shops__item b-icon-gog" target="_blank"></a> <a href="<?php echo $links['steam']['url'] ?>" class="b-shops__item b-icon-steam-2" target="_blank"></a> <!--<div class="b-shops__item b-shops__item_disabled b-icon-xbox"></div>--> <!--<div class="b-shops__item b-shops__item_disabled b-icon-ps"></div>--> <!--<div class="b-shops__item b-shops__item_disabled b-icon-nintendo"></div>--> <!--<div class="b-shops__item b-shops__item_disabled b-icon-amazon"></div>--> <a href="<?php echo $links['epic'] ?>" class="b-shops__item b-icon-epic" target="_blank"></a> <!--<div class="b-shops__item b-shops__item_disabled b-icon-thing"></div>--> </div> </div> </div> </div> <div class="content__interactive"> <!-- NODES --> <?php function node_point($id, $color, $pos) { ?> <div class="node-point node-point_pos-<?php echo $pos ?> js-dot" data-color="<?php echo $color ?>" style="color: <?php echo $color ?>" data-id="<?php echo $id ?>"> <div class="pulse-button"></div> </div> <?php } ?> <?php $nodes = [ [ 'id' => 'discord', 'icon' => 'discord-s', 'text' => 'Discord', 'link' => $links['socials']['discord'], 'point-pos-1' => 'r', 'point-pos-2' => 'l', 'color' => '#5865f1', 'tip' => ' <img src="'.$media.'/tip-01.svg" class="tip tip_1"> <div class="tip tip_1a">Click and pull <br>here to connect</div>' ], [ 'id' => 'reddit', 'icon' => 'reddit-s', 'text' => 'Subreddit', 'link' => $links['socials']['reddit'], 'point-pos-1' => 'r', 'point-pos-2' => 'b', 'color' => '#fe4502', 'tip' => false ], [ 'id' => 'twitter', 'icon' => 'twitter-s', 'text' => 'twitter', 'link' => $links['socials']['twitter'], 'point-pos-1' => 'l', 'point-pos-2' => 'r', 'color' => '#00a3e6', 'tip' => '<img src="'.$media.'/tip-02.svg" class="tip tip_2"><div class="tip tip_2a">Move here</div>' ] ]; ?> <div class="node-steam js-node"> <a class="button button_wish" href="<?php echo $links['steam']['url'] ?>" target="_blank"> <div class="button__icon b-icon-steam"></div> <div>BUY NOW</div> </a> <?php foreach ($nodes as $node) { node_point($node['id'], $node['color'], $node['point-pos-2']); } ?> </div> <img class="nodes-links-mob s-tablet" src="<?php echo $media ?>/links-mob.png"> <div class="nodes"> <?php foreach ($nodes as $node) { ?> <div class="node node_<?php echo $node['id'] ?> js-node" data-state="0"> <div class="node__tab"></div> <a class="node__link" href="<?php echo $node['link'] ?>" target="_blank"> <span class="node__text"><?php echo $node['text'] ?></span> <span class="node__icon b-icon-<?php echo $node['icon'] ?>"></span> </a> <?php node_point($node['id'], $node['color'], $node['point-pos-1']) ?> <?php if($node['tip']) { echo $node['tip']; } ?> </div> <?php } ?> </div> <!-- /NODES --> </div> <div class="content__popups"> <!-- VIDEO --> <div class="popup-video"> <div class="popup-video__cont"> <div class="popup-video__frame"> <div class="b-video" <?php bg('home-bg.jpg') ?>> <div class="b-video__fg"> <video class="b-video__video js-video" src="<?php echo $media ?>trailer09-03.mp4" preload="auto" loop autoplay playsinline muted></video> </div> </div> <div class="popup-video__play js-video-open"> <div class="b-icon-play"></div> </div> </div> </div> </div> <!-- SUB --> <div class="popup-sub" data-expanded="1"> <div class="popup-sub__state popup-sub__state_visible"> <div class="popup-sub__title"> <div class="popup-sub__close b-icon-close js-toggle-sub"></div> <div class="popup-sub__title-text">Masterplan news</div> </div> <div class="popup-sub__content"> <div class="b-sub"> <form class="js-sub-form b-form b-sub__form"> <div class="b-sub__input b-field js-sub-hide"> <input name="email" type="email" class="b-sub__placeholder" placeholder="<?php _t("sub-placeholder"); ?>" required> <button class="b-sub__send b-rhomb b-rhomb_3 b-icon-play"></button> </div> <div class="b-sub__agree js-sub-hide"> <div class="b-input-check"> <input name="checked" class="b-input-check__input" id="agr" type="checkbox" required> <label class="b-input-check__label" for="agr"> <?php _t("sub-agree", ['<a href="' . $links["privacy"] . '" target="_blank">', '</a>']); ?> </label> </div> </div> <div class="b-sub__result js-sub-done" style="display: none;"> <div class="b-sub__success"><?php _t("sub-success"); ?></div> </div> <div class="b-sub__result js-sub-fail" style="display: none;"> <div class="b-sub__fail">Something went wrong!</div> </div> </form> </div> </div> </div> <div class="popup-sub__state popup-sub__state_hidden js-toggle-sub">Masterplan news</div> </div> </div> </div> <div class="layout__footer"> <div class="l-container footer"> <div class="footer__row footer__row_main"> <div class="footer__col footer__col_pub"> <a href="<?php echo $links['pub'] ?>" target="_blank"> <img src="<?php echo $media ?>logo-pub.svg" alt="Ravenage"> </a> </div> <div class="footer__col footer__col_dev"> <img src="<?php echo $media ?>logo-dev.svg"> </div> <div class="footer__col footer__col_contact"> <div class="footer__title"><?php _t('contact-us') ?></div> <a class="link" href="mailto:<?php echo $links['mail'] ?>" target="_blank"><?php echo $links['mail'] ?></a> </div> <div class="footer__col footer__col_pk"> <a class="footer__pk footer__title link" href="<?php echo $links['press_kit'] ?>" target="_blank"> <?php _t('press-kit') ?> <span class="footer__pk-icon b-icon-pk"></span> </a> <a class="link">&nbsp;</a> </div> </div> <div class="footer__row footer__row_links"> <div class="footer__col"> <a class="footer__link link" href="<?php echo $links['pub'] ?>" target="_blank"> <?php _t('copyright') ?> </a> </div> <div class="footer__col"> <a class="footer__link link" href="<?php echo $links['privacy'] ?>" target="_blank"> <?php _t('privacy') ?> </a> </div> <div class="footer__col"> <a class="footer__link link" href="<?php echo $links['terms_of_use'] ?>" target="_blank"> <?php _t('terms') ?> </a> </div> </div> </div> </div> <div class="b-nodes-zone"></div> </main> <div class="b-overlays"></div> </body> </html>