| Server IP : 157.230.181.24 / Your IP : 216.73.217.11 Web Server : Apache/2.4.58 (Ubuntu) System : Linux conductive 6.8.0-117-generic #117-Ubuntu SMP PREEMPT_DYNAMIC Tue May 5 19:26:24 UTC 2026 x86_64 User : ( 1000) PHP Version : 8.3.31 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/vhosts/untold/resources/assets/ |
Upload File : |
<body>
<style>
.splash {
width: 100vw;
height: 100vh;
top: 0;
position: absolute;
background-color: black;
z-index: 2000;
display: flex;
align-items: center;
justify-content: center;
transform: translateY(-100vh);
transition: transform .5s ease;
transition-delay: 1s;
pointer-events: none;
flex-direction: column;
}
.splash.is-active {
transform: translateY(0);
}
#splashLoader {
fill: black;
transition: all 1s ease;
}
#three-dots {
/*position: absolute;*/
/*right: 3rem;*/
/*bottom: 3rem;*/
}
</style>
<section class="splash is-active">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="210px" height="360px" viewBox="0 0 21 37">
<g>
<g id="splashLoader" stroke-dasharray="100" stroke-dashoffset="100" stroke="#50E3C2" stroke-width=".5" fill="#000000" fill-rule="evenodd" >
<polygon points="0 -0.000158823529 0 6.57937059 20.749575 23.7566647 20.749575 6.56295882 15.32055 6.56295882 15.32055 12.6676059"></polygon>
<polygon points="0.0174825 29.0664529 5.4459825 29.0664529 5.4459825 22.7421 20.7665325 35.4718059 20.7665325 29.1151588 0.0174825 11.8605706"></polygon>
</g>
</g>
</svg>
<svg id="three-dots" width="40" height="10" viewBox="0 0 120 30" xmlns="http://www.w3.org/2000/svg" fill="#50E3C2">
<circle cx="15" cy="15" r="15">
<animate attributeName="r" from="15" to="15"
begin="0s" dur="0.8s"
values="15;9;15" calcMode="linear"
repeatCount="indefinite" />
<animate attributeName="fill-opacity" from="1" to="1"
begin="0s" dur="0.8s"
values="1;.5;1" calcMode="linear"
repeatCount="indefinite" />
</circle>
<circle cx="60" cy="15" r="9" fill-opacity="0.3">
<animate attributeName="r" from="9" to="9"
begin="0s" dur="0.8s"
values="9;15;9" calcMode="linear"
repeatCount="indefinite" />
<animate attributeName="fill-opacity" from="0.5" to="0.5"
begin="0s" dur="0.8s"
values=".5;1;.5" calcMode="linear"
repeatCount="indefinite" />
</circle>
<circle cx="105" cy="15" r="15">
<animate attributeName="r" from="15" to="15"
begin="0s" dur="0.8s"
values="15;9;15" calcMode="linear"
repeatCount="indefinite" />
<animate attributeName="fill-opacity" from="1" to="1"
begin="0s" dur="0.8s"
values="1;.5;1" calcMode="linear"
repeatCount="indefinite" />
</circle>
</svg>
</section>
<header class="header">
<div class="container">
<div class="header__loader"></div>
<div class="header__inner">
<div class="header__left">
<a class="header__logo" href="/"><svg width="138" height="35" viewBox="0 0 138 35" xmlns="http://www.w3.org/2000/svg"><g fill="#fff" fill-rule="evenodd"><path d="M14.765 19.037c0 2.503-2.09 4.465-4.757 4.465-2.666 0-4.756-1.962-4.756-4.465V6.38H0v12.656c0 5.48 4.396 9.775 10.008 9.775 5.613 0 10.009-4.294 10.009-9.775V6.38h-5.252v12.656z" class="header__logo-letter"/><g class="header__logo-cheventy"><path class="cheventy-upper" d="M39.73 12.316L24.874 0v6.397l20.118 16.7V6.38h-5.264z"/><path class="cheventy-lower" d="M24.893 28.26h5.263v-6.15l14.853 12.377v-6.18L24.893 11.53z"/></g><path class="header__logo-letter" d="M49.851 11.669h7.114v16.59h5.267V11.67h7.259V6.38H49.85zM102.409 6.417h-5.267V28.26h15.117v-5.363h-9.85zM82.029 23.43c-3.124 0-5.664-2.584-5.664-5.76 0-3.176 2.54-5.76 5.664-5.76 3.141 0 5.697 2.584 5.697 5.76 0 3.176-2.556 5.76-5.697 5.76m0-17.013c-6.118 0-11.095 5.062-11.095 11.283 0 6.187 4.977 11.221 11.096 11.221 6.136 0 11.127-5.034 11.127-11.221 0-6.221-4.991-11.283-11.127-11.283M122.347 22.971V11.748h4.685c.328 0 .644.043.955.098a5.572 5.572 0 0 1 4.576 5.493c0 3.083-2.461 5.632-5.51 5.632h-4.706zm4.718-16.552l-.031-.001H117.118v21.841h9.9l.016.001c.025 0 .05-.004.076-.004 5.92-.042 10.724-4.908 10.724-10.888 0-6.027-4.828-10.932-10.769-10.949z"/></g></svg></a>
<div class="header__breadcrumbs"></div>
</div>
<button class="header__burger hamburger hamburger--slider" type="button">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
</div>
</header>
<nav class="menu">
<div class="container">
<div class="row">
<div class="col-xs-8 offset-xs-2">
<ul class="menu__list">
<li class="menu__item"><a href="/work">Work</a></li>
<li class="menu__item"><a href="/about">About</a></li>
<li class="menu__item"><a href="/articles">Articles</a></li>
<li class="menu__item"><a href="/careers">Careers</a></li>
<li class="menu__item"><a href="/events">Events</a></li>
<li class="menu__item"><a href="/contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</nav>
<script type="text/javascript">
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // identity function for calling harmony imports with the correct context
/******/ __webpack_require__.i = function(value) { return value; };
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, {
/******/ configurable: false,
/******/ enumerable: true,
/******/ get: getter
/******/ });
/******/ }
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var splashLoader = document.querySelector('#splashLoader');
var isSmallScreen = window.innerWidth < 576;
var updateSplashLoader = function updateSplashLoader(progress) {
splashLoader.style.strokeDashoffset = 100 - progress * 100;
// splashLoader.style.fill = `rgba(255,255,255,${1- progress})`;
if (progress === 1) {
document.querySelector('.splash').classList.remove('is-active');
}
};
var splashProgress = 0;
// If the view is the home screen, attach event listeners to update the splashProgress cheventy
document.addEventListener('header:ready', function () {
splashProgress += isSmallScreen ? .5 : .4;
updateSplashLoader(splashProgress);
});
document.addEventListener('view:ready', function () {
splashProgress += isSmallScreen ? .5 : .3;
updateSplashLoader(splashProgress);
});
document.addEventListener('man:ready', function () {
splashProgress += .3;
updateSplashLoader(splashProgress);
});
/***/ })
/******/ ]);
</script>
<h1 class="seo-heading"></h1>
<main class="stage"></main>
<div class="renderer is-inactive"></div>
<img src="/content/themes/untold/dist/images/home/lut.jpg" alt="" class="lut">
<div class="lightbox">
<video src="https://player.vimeo.com/external/218948966.hd.mp4?s=819827af14b517f9aeef3dec5e7455055cc5f29a&profile_id=119" class="lightbox__video"></video>
<div class="lightbox__mobile-close"></div>
<div class="lightbox__overlay">
<button class="lightbox__play-pause">
<svg class="play-button" width="134" height="134" viewBox="0 0 134 134" xmlns="http://www.w3.org/2000/svg"><g transform="translate(1 1)" fill="none" fill-rule="evenodd"><circle class="play-button__outer" cx="66" cy="66" r="66"/><circle class="play-button__inner" cx="66" cy="66" r="40"/><path d="M62 80.907V52.482c0-.429.518-.643.822-.34l14.212 14.212a.48.48 0 0 1 0 .68L62.822 81.249a.481.481 0 0 1-.822-.34z" class="play-button__play" stroke="#FEFEFE" stroke-width="1.5"/><path d="M63 56.348v20.213M70 56.348v20.213" class="play-button__pause" stroke="#FEFEFE" stroke-width="2" stroke-linecap="square"/></g></svg>
</button>
</div>
<button class="lightbox__back-button">
<svg width="120" height="8" viewBox="0 0 120 8" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M119 4H3.96" stroke="#FFF" stroke-linecap="square"/><path fill="#FEFEFE" d="M4.5.5L.126 3.995 4.5 7.491z"/></g></svg>
</button>
</div>
</body>