1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <title>Big Digital Energy | Scalable Digital Infrastructure</title> 6 <meta charset="UTF-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <link rel="stylesheet" type="text/css" href="/assets/css/owl.carousel.min.css"> 9 <link rel="stylesheet" type="text/css" href="/assets/css/owl.theme.default.css"> 10 <link rel="stylesheet" type="text/css" href="/assets/css/styles.min.css?dbc7bfec5d"> 11 <link rel="stylesheet" type="text/css" href="/assets/css/theme.min.css?20c623ce47"> 12
12<script src="https://cdnjs.cloudflare.com/ajax/libs/countup.js/2.0.7/countUp.umd.js"></script>
12 13<link rel="stylesheet" href="https://use.typekit.net/qba1cjb.css"> 14 15 <link rel="preconnect" href="https://fonts.googleapis.com"> 16 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 17 <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> 18 <link rel="stylesheet" href="https://i.groupm7.com/css/all.min.css"> 19 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css"> 20 <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" /> 21 <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> 22 <link rel="shortcut icon" href="/favicon.ico" /> 23 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> 24 <link rel="manifest" href="/site.webmanifest" /> 25
25<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
25 26 27<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" /> 28<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> 29<link rel="shortcut icon" href="/favicon.ico" /> 30<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> 31<meta name="apple-mobile-web-app-title" content="MyWebSite" /> 32<link rel="manifest" href="/site.webmanifest" /> 33<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 33-34
33 34<script async src="https://www.googletagmanager.com/gtag/js?id=
34G-D45XFLE8M1
vendor: 12 bytes, line 34
34"></script>
35<script> 36
vendor: 134 bytes, lines 36-40
36window.dataLayer = window.dataLayer || []; 37 function gtag(){dataLayer.push(arguments);} 38 gtag('js', new Date()); 39 40 gtag('config', '
40G-D45XFLE8M1
vendor: 4 bytes, line 40
40');
41</script>
41 42 43<meta name="description" content="Big Digital Energy develops power-ready digital infrastructure for high-performance compute, built around scalability, redundancy, and long-term capacity."/> 44<meta property="og:description" content="Big Digital Energy develops power-ready digital infrastructure for high-performance compute, built around scalability, redundancy, and long-term capacity."/> 45<meta name="twitter:description" content="Big Digital Energy develops power-ready digital infrastructure for high-performance compute, built around scalability, redundancy, and long-term capacity."/> 46<meta property="og:title" content="Big Digital Energy | Scalable Digital Infrastructure"/> 47<meta name="twitter:title" content="Big Digital Energy | Scalable Digital Infrastructure"/> 48</head> 49 50<body 51 x-data="{ 52 show_search: false 53 }" 54> 55 <!--HIDE 56 <div class="alertSection" > 57 <div class="container"> 58 <div class="row g-3"> 59 <div class="col one-col"> 60 <div class="alert-content"></div> 61 </div> 62 </div> 63 </div> 64 </div> 65 --> 66 67 68 69 70 <div class="nav-wrapper"> 71 <nav class="navbar navbar-expand-lg navbar-dark"> 72 <div class="container-fluid nav-pad"> 73 <a class="navbar-brand" href="/"> 74 <img class="logo" src="/images/logo-icon-large-dark.svg" > 75 76 </a> 77 <button class="navbar-toggler collapsed" type="button" data-bs-toggle="offcanvas" data-bs-target="#navbarOffcanvasLg" aria-controls="navbarOffcanvasLg"> 78 <div class="hamburger-toggle"> 79 <div class="hamburger"> 80 <span></span> 81 <span></span> 82 </div> 83 </div> 84 </button> 85 86 <div class="offcanvas offcanvas-end" tabindex="-1" id="navbarOffcanvasLg" aria-labelledby="navbarOffcanvasLgLabel"> 87 <div class="offcanvas-header"> 88 <h5 class="offcanvas-title" id="offcanvasNavbarLabel"></h5> 89 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> 90 </div> 91 <ul class="navbar-nav"> 92 <li><a class="nav-link " href="/leadership/" aria-label="Leadership Team | Big Digital Energy" >Leadership</a></li> <li class="nav-item dropdown"> 93 <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" > 94 Investor Hub </a> 95 <ul class="dropdown-menu"> 96 <div class="top-border"></div> 97 <li><a class="nav-link " href="/investor-hub/sec-filings/" aria-label="SEC Filings | Big Digital Energy" >SEC Filings</a></li><li><a class="nav-link " href="/investor-hub/shareholder-documents/" >Shareholder Documents</a></li><li><a class="nav-link " href="/investor-hub/company-presentations/" >Company Presentations</a></li><li><a class="nav-link " href="/investor-hub/shareholder-information/" >Shareholder Information</a></li><li><a class="nav-link " href="/investor-hub/governance/" >Governance</a></li> </ul> 98 </li> <li class="nav-item dropdown"> 99 <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" > 100 News & Media </a> 101 <ul class="dropdown-menu"> 102 <div class="top-border"></div> 103 <li><a class="nav-link " href="/news-media/news/" aria-label="News | Big Digital Energy" >News</a></li><li><a class="nav-link " href="/news-media/press-releases/" >Press Releases</a></li> </ul> 104 </li>
104<script> 105document.addEventListener("DOMContentLoaded", function () { 106 const dropdownLink = document.querySelectorAll("a.nav-link.dropdown-toggle"); 107 // for each dropdown link, add an event listener 108 109 110 for (let i = 0; i < dropdownLink.length; i++) { 111 dropdownLink[i].addEventListener("click", function (event) { 112 if (window.innerWidth >= 1200) { 113 event.preventDefault(); 114 window.location.href = dropdownLink[i].href; 115 } 116 }); 117 }; 118}); 119</script>
119 120 121 122 123 <li> 124 <a class="nav-link highlighted" href="#contact"> Contact 125 </a> 126 </li> 127 128 </ul> 129 130 </div> 131 </div> 132 </nav> 133 </div> 134<!--OFF CANVAS NAV--> 135<div class="offcanvas offcanvas-top" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel"> 136 <div class="offcanvas-header"> 137 </div> 138 <div class="offcanvas-body"> 139 <ul> 140 <li><a class="nav-link " href="/leadership/" aria-label="Leadership Team | Big Digital Energy" >Leadership</a></li> <li class="nav-item "> 141 <a class="nav-link show" href="#" role="button" > 142 Investor Hub </a> 143 <ul class=""> 144 <div class="top-border"></div> 145 <li><a class="nav-link " href="/investor-hub/sec-filings/" aria-label="SEC Filings | Big Digital Energy" >SEC Filings</a></li><li><a class="nav-link " href="/investor-hub/shareholder-documents/" >Shareholder Documents</a></li><li><a class="nav-link " href="/investor-hub/company-presentations/" >Company Presentations</a></li><li><a class="nav-link " href="/investor-hub/shareholder-information/" >Shareholder Information</a></li><li><a class="nav-link " href="/investor-hub/governance/" >Governance</a></li> </ul> 146 </li> <li class="nav-item "> 147 <a class="nav-link show" href="#" role="button" > 148 News & Media </a> 149 <ul class=""> 150 <div class="top-border"></div> 151 <li><a class="nav-link " href="/news-media/news/" aria-label="News | Big Digital Energy" >News</a></li><li><a class="nav-link " href="/news-media/press-releases/" >Press Releases</a></li> </ul> 152 </li> 153 </ul> 154 </div> 155 156 157 <!-- <a href="https://texashnb.myebanking.net/" target="_blank" class="btn btn-cta d-inline">Sign In 158 </a> 159 160 <button class="btn btn-white-outline d-block w-full btn-white-outline-subtle" x-on:click="show_search = !show_search;"> 161 Search 162 <i class="fa-regular fa-magnifying-glass" style="font-weight:600;"></i> 163 </button> --> 164 165 <!-- <form action="/search" method="get"> 166 167 <input class="search expandright" id="searchright" autocomplete="off" type="search" name="q" placeholder="Search"> 168 169 <label class="btn btn-white-outline d-block w-full btn-white-outline-subtle" for="searchright"> 170 Search 171 <i class="fa-regular fa-magnifying-glass" style="font-weight:600;"></i> 172 </label> 173 </form> --> 174</div> 175 176 177 178 179 180<!--HERO--> 181<section class="hero-background"> 182 <div class="hero-gravity jarallax" data-jarallax data-speed=".3"> 183 184 <!-- video --> 185 <video class="jarallax-img" autoplay loop muted playsinline> 186 <source src="/images/hero-servers.mp4" type="video/mp4"> 187 </video> 188 189 <!-- hero text OLD 190 <div class="hero-content-hero wow fadeInUp" data-wow-delay="1.3s"> 191 <h1> 192 <span class="wow fadeInUp" data-wow-delay="1.3s">Scalable</span> 193 <span class="wow fadeInUp" data-wow-delay="1.4s">Digital</span> 194 <span class="wow fadeInUp" data-wow-delay="1.5s">Infrastructure</span> 195 <span class="smaller"> 196 <span class="wow fadeInUp" data-wow-delay="1.6s">For</span> 197 <span class="wow fadeInUp" data-wow-delay="1.7s">High-Performance</span> 198 <span class="wow fadeInUp" data-wow-delay="1.8s"> Compute</span> 199 200 </span> 201 202 </h1> 203 </div> 204 --> 205 206 <!-- hero text--> 207 <div class="hero-content-hero wow fadeInUp" data-wow-delay="1.3s"> 208 <div class="hero-logo"> 209 <img src="/images/logoBDE2.svg"> 210 </div> 211 212 <h1> 213 <span class="wow fadeInUp" data-wow-delay="1.3s">Where</span> 214 <span class="wow fadeInUp" data-wow-delay="1.4s">Energy</span> 215 <span style="opacity:.8;"> 216 <span class="wow fadeInUp" data-wow-delay="1.5s">Becomes</span> 217 <span class="wow fadeInUp" data-wow-delay="1.7s">Intelligence</span> 218</span> 219 <span class="smaller"> 220 221 <!-- <span class="wow fadeInUp" data-wow-delay="1.8s">
221 Scalable Digital Infrastructure for High Performance Compute</span> --> 222 223 </span> 224 225 </h1> 226 </div> 227 228 229 230 <!-- news card 231 <div class="hero-news-card wow fadeInUp" data-wow-delay="1.4s"> 232 <h6 class="eyebrow">News</h6> 233 <div class="news-text">Big Digital Energy acquires Mawson Inc.</div> 234 </div> 235--> 236 <!--intro animation cover--> 237 <div class="intro-bg"> 238 <div class="icon-animation"> 239 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="241.19" height="83.98" viewBox="0 0 241.19 83.98"> 240 <defs> 241 <style> 242 .cls-1 { 243 fill: #0b0b0b; 244 } 245 </style> 246 </defs> 247 <g> 248 <path class="cls-1" d="M109.28.3h10.33c6.75,0,9.19,2.56,9.19,5.93,0,2.34-.82,4.04-2.97,5.04,2.74.89,3.75,3.26,3.75,5.68,0,3.67-2.52,7.08-9.93,7.08h-10.37s0-23.72,0-23.72ZM119.54,9.89c3.45,0,4.08-1.19,4.08-2.63s-.44-2.63-3.97-2.63h-5.11v5.27h5ZM119.84,19.68c3.63,0,4.34-1.34,4.34-2.89s-.52-2.89-4.27-2.89h-5.37v5.79h5.3Z"/> 249 <path class="cls-1" d="M132.68.3h5.27v23.73h-5.27V.3Z"/> 250 <path class="cls-1" d="M141.17,12.16c0-6.49,1.97-12.16,10.97-12.16,7.86,0,10.71,3.82,10.71,8.12h-5.45c-.3-2.23-1.37-3.75-5.27-3.75-4.82,0-5.67,3.45-5.67,7.79s.85,7.83,5.67,7.83c3.49,0,5.45-1.97,5.45-5.23h-6.05v-4.27h11.34v13.53h-2.37l-1.3-3.71c-1.63,2.89-4.34,4.01-7.42,4.01-8.42,0-10.63-5.67-10.63-12.16h0Z"/> 251 <path class="cls-1" d="M109.28,30.13h9.19c7.23,0,11.08,4.12,11.08,11.71s-4.12,12.01-11.49,12.01h-8.78s0-23.73,0-23.73ZM117.1,49.48c4.82,0,7.31-1.63,7.31-7.68-.04-6.08-2.34-7.31-7.12-7.31h-2.74v14.97h2.56,
2510Z"/> 252 <path class="cls-1" d="M132.7,30.13h5.27v23.73h-5.27v-23.73Z"/> 253 <path class="cls-1" d="M141.2,42c0-6.49,1.97-12.16,10.97-12.16,7.86,0,10.71,3.82,10.71,8.12h-5.45c-.3-2.23-1.37-3.75-5.27-3.75-4.82,0-5.67,3.45-5.67,7.79s.85,7.83,5.67,7.83c3.49,0,5.45-1.97,5.45-5.23h-6.05v-4.27h11.34v13.53h-2.37l-1.3-3.71c-1.63,2.89-4.34,4.01-7.42,4.01-8.42,0-10.63-5.67-10.63-12.16h0Z"/> 254 <path class="cls-1" d="M166.65,30.13h5.27v23.73h-5.27v-23.73Z"/> 255 <path class="cls-1" d="M180.03,34.51h-6.16v-4.38h17.57v4.38h-6.23v19.35h-5.19v-19.35Z"/> 256 <path class="cls-1" d="M196.9,30.13h7.16l8.38,23.73h-5.56l-1.3-4.23h-10.19l-1.37,4.23h-5.53l8.42-23.73h0ZM204.28,45.81l-3.78-11.67-3.86,11.67h7.64Z"/> 257 <path class="cls-1" d="M213.95,30.13h5.34l-.04,19.35h8.05v4.38h-13.34v-23.73Z"/> 258 <path class="cls-1" d="M109.28,59.97h16.79v4.38h-11.56v5.12h10.41v4.27h-10.41v5.6h11.56v4.38h-16.79v-23.73h0Z"/> 259 <path class="cls-1" d="M129.14,59.97h6.86l9.82,16.42v-16.42h5.3v23.73h-6.6l-10.04-16.49v16.49h-5.34v-23.73Z"/> 260 <path class="cls-1" d="M155.09,59.97h16.79v4.38h-11.56v5.12h10.41v4.27h-10.41v5.6h11.56v4.38h-16.79v-23.73h0Z"/> 261 <path class="cls-1" d="M174.89,59.97h8.71c9,0,10.04,4.6,10.04,7.72,0,2.82-.93,6.79-6.97,7.23l8.23,8.78h-7.01l-7.75-9.45v9.45h-5.27v-23.73ZM183.82,71.01c3.71,0,4.45-1.74,4.45-3.26s-.74-3.41-4.45-3.41h-3.67v6.68h3.67Z"/> 262 <path class="cls-1" d="M195.97,71.83c0-6.49,1.97-12.16,10.97-12.16,7.86,0,10.71,3.82,10.71,8.12h-5.45c-.3-2.23-1.37-3.75-5.27-3.75-4.82,0-5.67,3.45-5.67,7.79s.85,7.83,5.67,7.83c3.49,0,5.45-1.97,5.45-5.23h-6.05v-4.27h11.34v13.53h-2.37l-1.3-3.71c-1.63,2.89-4.34,4.01-7.42,4.01-8.42,0-10.64-5.67-10.64-12.16h0Z"/> 263 <path class="cls-1" d="M226.71,76.5l-8.57-16.53h5.56l5.82,12.01,6.12-12.01h5.56l-9,16.53v7.2h-5.49v-7.2h.01Z"/> 264 </g> 265 <g> 266 <path class="cls-1" d="M53.16,29.55c1.72,1.72,7.12,7.3,8.75,8.98.86.89,2.08-.2,1.19-1.38-1.45-1.91-6.95-7.78-8.61-9.45-1.09-1.09-2.19-2.14-3.27-3.16-.61.45-1.23.91-1.84,1.39,1.27,1.17,2.53,2.36,3.79,3.63Z"/> 267 <polygon class="cls-1" points="51.21 24.54 51.21 24.54 51.22 24.54 51.21 24.54"/> 268 <path class="cls-1" d="M69.96,45.84s-.43-.59-1.07-.11c-.7.62-.16,1.35-.15,1.35,7.36,10.59,9.66,20.14,5.97,23.73-2.12,2.05-6.3,1.72-11.7-.59-7.89-3.37-18.31-10.87-28.41-20.98-1.63-1.63-3.17-3.26-4.65-4.9-2.33,2.68-4.48,5.36-6.41,8,1.26,1.36,2.56,2.71,3.91,4.05,21.65,21.65,45.64,32.76,53.59,24.82,5.93-5.93.9-19.67-11.06-35.37h-.01Z"/> 269 <path class="cls-1" d="M37.07,68.81c-10.59,7.36-20.51,9.84-24.1,6.15-2.05-2.12-1.72-6.3.59-11.7,3.37-7.89,10.87-18.31,20.98-28.41,17.03-17.03,34.99-26.68,40.12-21.57,5.13,5.13-3.38,23.12-20.42,40.15-1.72,1.72-3.03,3.14-4.72,4.78-.89.86.2,2.08,1.38,1.19,1.91-1.45,3.51-2.96,5.19-4.64,21.65-21.65,32.84-43.93,24.9-51.88-6.3-6.3-22.67-.62-39.97,12.78C24.18,2.25,8.91-3.48,2.62,2.81s-.77,22.18,12.2,39.18C1.8,59.04-3.65,75.06,2.57,81.27c5.93,5.93,20.03.72,35.74-11.24,0,0,.59-.43.11-1.07-.62-.7-1.35-.16-1.35-.15ZM13.02,9.13c3.68-3.68,14.02-.31,25.86,8.2-3.84,3.1-7.7,6.56-11.49,10.35-2.09,2.09-4.08,4.2-5.96,6.31C13.1,22.57,9.44,12.71,13.02,9.13Z"/> 270 </g> 271</svg> 272 </div> 273 274 </div> 275 276 </div> 277</section> 278 279 280 281 282 283 284 285 286 287 288 <section class="bde-section"> 289 <div class="u-container"> 290 <div class="section-caps"><div class="section-cap"></div><div class="section-cap"></div></div> 291 </div> 292 293 <div class="u-container" style="margin-top: 2.5rem;"> 294 <div class="bde-section__inner"> 295 296 <aside class="bde-section__sidebar"> 297 <div class="label"> 298 <p>Where We Start</p> 299 </div> 300 </aside> 301 302 <aside > 303 <h2 class="wow fadeInUp"> 304 <span class="wow fadeInUp" data-wow-delay="0.0s">The</span> 305 <span class="wow fadeInUp" data-wow-delay="0.1s">Right</span> 306 <span class="wow fadeInUp" data-wow-delay="0.2s">Conditions</span> 307 308 <span style="opacity: 0.3;"> 309 <span class="wow fadeInUp" data-wow-delay="0.3s">Come</span> 310 <span class="wow fadeInUp" data-wow-delay="0.4s">First</span> 311 </h2> 312 <div class="wow fadeInUp"> 313 <p >
314 Big Digital Energy develops digital infrastructure built around the fundamentals that matter most: power, redundancy, fiber, and the ability to scale. 315 </p> 316 <p> 317 Our focus is on identifying and advancing sites positioned to support high-performance compute with the infrastructure required for long-term deployment. 318 </p> 319 <a class="btn " href="#contact"> 320 Submit an Inquiry 321 </a> 322 </div> 323 </aside> 324 325 </div> 326 </div> 327 </section> 328 329 330 331<section class="large-text-boxes bottom-version"> 332 <div class="text-box-wrapper "> 333 334<div class="text-box a video-box jarallax" data-jarallax data-speed=".4"> 335 <video class="jarallax-img" autoplay loop muted playsinline> 336 <source src="/images/bde3.mp4" type="video/mp4"> 337 </video> 338 </div> 339 340 <div class="text-box b"> 341 <div class="wrapper large-vert"> 342 343 <div class="label dark"> 344 <p>Built to Last</p> 345 </div> 346 <h2 class="wow fadeInUp">Built for Long-Term Infrastructure 347 </h2> 348 349 <p class="wow fadeInUp">Big Digital Energy is focused on digital infrastructure positioned for long-term compute demand, with an approach grounded in site selection, infrastru
349cture discipline, and scalable development. 350 </p> 351 <p class="wow fadeInUp"> 352 The energy infrastructure that Big Digital Energy is building today will power the strategic compute necessary for National Security tomorrow. 353 </p> 354 355 </div> 356 </div> 357 </div> 358</section> 359 360 361 362 363 364 365<!-- Intro 366<section class="intro-gravity"> 367 368 <div class="intro-card"> 369 <div class="wrapper small-horiz"> 370 371 <h2 class="wow fadeInUp"> 372 <span class="wow fadeInUp" data-wow-delay=".1s">The</span> 373 <span class="wow fadeInUp" data-wow-delay=".2s">Right</span> 374 <span class="wow fadeInUp" data-wow-delay=".3s">Conditions</span> 375 <span class="wow fadeInUp" data-wow-delay=".4s">Come</span> 376 <span class="wow fadeInUp" data-wow-delay=".5s">First</span> 377 378 </h2> 379 <p class=" wow fadeInUp"data-wow-delay=".3s"> 380 Big Digital Energy develops digital infrastructure built around the fundamentals that matter most: power, redundancy, fiber, and the ability to scale. 381 </p> 382 <p class=" wow fadeInUp"data-wow-delay=".3s"> 383 Our focus is on identifying and advancing sites positioned to support high-performance compute with the infrastructure required for long-term deployment. 384 </p> 385 386 387 <div class="button-wrapper wow fadeInUp" data-wow-delay=".4s"> 388 389 <a class="btn " href="#contact"> 390 Submit an Inquiry 391 </a> 392 </div> 393 </div> 394 </div> 395</section> 396--> 397 398 399 400<!-- Infrastructure --> 401<section> 402 <div class="wrapper ten-horiz infra-wrapper"> 403 <div class="max-width-800"> 404 <div class="label"> 405 <p>Services</p> 406 </div> 407 <h2 class=" wow fadeInUp"> 408 Infrastructure Development Services 409 </h2> 410 </div> 411 <div class="infrastructure-card-wrapper"> 412 413 414 <!-- card --> 415 <div class="infrastructure-card wow fadeInUp"> 416 <div class="number"> 417 01 418 </div> 419 <div class="icon"> 420 <img src="/images/icona.svg"> 421 </div> 422 <div> 423 <div class="card-title"> 424 Digital Infrastructure 425 </div> 426 <p> 427 Power-ready infrastructure built for scale. 428 </p> 429 </div> 430 </div> 431 432 <!-- card --> 433 <div class="infrastructure-card wow fadeInUp" data-wow-delay=".1s"> 434 435 <div class="number"> 436 02 437 </div> 438 <div class="icon"> 439 <img src="/images/iconb.svg"> 440 </div> 441 442 <div> 443 <div class="card-title"> 444 AI/HPC Colocation 445 </div> 446 <p> 447 Colocation for high-performance compute. 448 </p> 449 </div> 450 </div> 451 452 453 <!-- card --> 454 <div class="infrastructure-card wow fadeInUp" data-wow-delay=".2s"> 455 456 <div class="icon"> 457 <img src="/images/iconc.svg"> 458 </div> 459 <div class="number"> 460 03 461 </div> 462 <div> 463 <div class="card-title"> 464 Digital Assets Colocation 465 </div> 466 <p> 467 Scalable colocation for digital assets. 468 </p> 469 </div> 470 </div> 471 472 <!-- card --> 473 <div class="infrastructure-card wow fadeInUp" data-wow-delay=".3s"> 474 <div class="number"> 475 04 476 </div> 477 <div class="icon"> 478 <img src="/images/icond.svg"> 479 </div> 480 <div> 481 <div class="card-title"> 482 Technology & Information Systems 483 </div> 484 <p> 485 Systems that support secure, reliable operations. 486 </p> 487 </div> 488 </div> 489 490 491 492 </div> 493 </br></br> 494 <a class="btn " href="#contact"> 495 Submit an Inquiry 496 </a> 497 </div> 498</section> 499 500 501 502 503 504 505 <section class="bde-section"> 506 <div class="u-container"> 507 <div class="section-caps"><div class="section-cap"></div><div class="section-cap"></div></div> 508 </div> 509 510 <div class="u-container" style="margin-top: 2.5rem;"> 511 <div class="bde-section__inner"> 512 513 <aside class="bde-section__sidebar"> 514 <div class="label"> 515 516 <p>Approach</p> 517 518 </div> 519 </aside> 520 521 <aside > 522 <h2> 523 524 <span class="wow fadeInUp" data-wow-delay="0.0s"> Capacity,</span> 525 <span class="wow fadeInUp" data-wow-delay="0.1s">Brought</span> 526 <span class="wow fadeInUp" data-wow-delay="0.2s">Online</span> 527 528 <span style="opacity: 0.3;"> 529 <span class="wow fadeInUp" data-wow-delay="0.3s">Deliberately</span> 530 531 </span> 532 </h2> 533 <p class="wow fadeInUp"> 534 Big Digital Energy favors modular deployment strategies that allow infrastru
534cture to be developed in phases rather than through unnecessary all-at-once buildouts. 535 </p> 536 <p class="wow fadeInUp" 537 That approach creates a more flexible path to expansion and supports capacity that can come online in step with real demand. 538 </p> 539 540 </aside> 541 542 </div> 543 </div> 544 545 <div class="u-container" style="margin-top: 2.5rem;"> 546 <div class="bde-section__inner"> 547 548 <aside class="bde-section__sidebar"> 549 550 <h5 style="max-width:12ch;">Capacity Across the Platform</h5> 551 552 </aside> 553 554 <aside class="cell-wrapper"> 555 556 557 <div class="cell wow fadeInUp" data-wow-delay="0.1s"> 558 <p class="status"> 559 Operational 560 561 </p> 562 <div class="cell-title"> 563 129 564 </div> 565 566 </div> 567 <div class="cell wow fadeInUp" data-wow-delay="0.2s"> 568 <p class="status b"> 569 In Development 570 571 </p> 572 <div class="cell-title"> 573 40 574 </div> 575 576 </div> 577 578 <div class="cell wow fadeInUp" data-wow-delay="0.3s"> 579 <p class="status c"> 580 In Pipeline 581 582 </p> 583 <div class="cell-title tighter"> 584 250 585 </div> 586 587 </div> 588 589 </aside> 590 591 </div> 592 </div> 593 </section> 594 595 596 597 598 599 600 601 602 603 604<!-- 605<section class="our-work"> 606 <div class="wrapper"> 607 <div class="title-area"> 608 <h2 class="wow fadeInUp">Our work</h2> 609 <a class="btn btn-lite-outline wow fadeInUp" href="/portfolio">View All Work</a> 610 </div> 611</div> 612 613<section class="scrolling-clients scrolling-images"> 614 615<div class="custom-fade"> 616 <div id="gallery-images"> 617 618 619 <div class="img-wrapper img-home"> 620<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/723475687?badge=0&autopause=0&player_id=0&app_id=58479&controls=0&autoplay=1&muted=1&loop=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Southside Bank | Painter"></iframe></div>
620<script src="https://player.vimeo.com/api/player.js"></script>
620 621 </div> 622 623 624 <div class="img-wrapper img-home"> 625<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/1086578480?badge=0&autopause=0&player_id=0&app_id=58479&controls=0&autoplay=1&muted=1&loop=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" style="position:absolute;top:0;left:0;width:100%;height:100%;" title=""Hard Is Not the Same Thing as Bad" Book Promo"></iframe></div>
625<script src="https://player.vimeo.com/api/player.js"></script>
625 626 </div> 627 628 629 <div class="img-wrapper img-home"> 630<div style="padding:56.25% 0 0 0;position:relative;"> 631 <iframe src="https://player.vimeo.com/video/1086625537?badge=0&autopause=0&player_id=0&app_id=58479&controls=0&autoplay=1&muted=1&loop=1" 632 frameborder="0" 633 allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" 634 referrerpolicy="strict-origin-when-cross-origin" 635 style="position:absolute;top:0;left:0;width:100%;height:100%;" 636 title="Fitzpatrick Architects Hype Video (2023)"> 637 </iframe> 638</div>
639<script src="https://player.vimeo.com/api/player.js"></script>
639 640 </div> 641 642 643 <div class="img-wrapper img-home"> 644<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/752223332?badge=0&autopause=0&player_id=0&app_id=58479&controls=0&autoplay=1&muted=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Wild Sky Events"></iframe></div>
644<script src="https://player.vimeo.com/api/player.js"></script>
644 645 </div> 646 647 648 649</div> 650 </div> 651 </div> 652</section> 653</section> 654--> 655 656 657 658 659 660 661 662 663<!-- Modal HTML (place once in your page) --> 664<div id="videoModal" class="modal"> 665 <div class="modal-content"> 666 <span class="close"> 667 <img src="/images/x.svg" alt="Close"> 668 </span> 669 <div class="video-wrapper"> 670 <iframe id="vimeoPlayer" src="" frameborder="0" allowfullscreen></iframe> 671 </div> 672 </div> 673</div> 674<!-- Modal --> 675 676 677 678 679 680 681 682<section class="large-text-boxes"> 683 <div class="text-box-wrapper"> 684 685 <div class="text-box a"> 686 <div class="wrapper large-vert"> 687 688 <div class="label dark"> 689 <p>Site Selection</p> 690 </div> 691 692 <h2 class="wow fadeInUp">Our Site Selection Criteria 693 </h2> 694 <div> 695 <p class="wow fadeInUp">When Big Digital Energy considers a site, we conduct an analysis to assess the siteâs viability for long-term, scalable HPC growth. 696 </p> 697 698 </div> 699 </br> 700 <div class="cell wow fadeInUp"> 701 <div class="cell-title"> 702 Power 703 </div> 704 <p> 705 Available, scalable power is the starting point for serious compute infrastru
705cture. 706 </p> 707 </div> 708 709 <div class="cell wow fadeInUp"> 710 <div class="cell-title"> 711 Redundancy 712 </div> 713 <p> 714 Dual-power pathways and secondary power options support resilience and uptime. 715 </p> 716 </div> 717 718 <div class="cell wow fadeInUp"> 719 <div class="cell-title"> 720 Fiber 721 </div> 722 <p> 723 Reliable fiber connectivity is essential to modern high-performance environments. 724 </p> 725 </div> 726 727 728 729 </div> 730 </div> 731 732<div class="text-box b video-box jarallax" data-jarallax data-speed=".4"> 733 <video class="jarallax-img" autoplay loop muted playsinline> 734 <source src="/images/bde_green.mp4" type="video/mp4"> 735 </video> 736 </div> 737 </div> 738</section> 739 740 741 742 743 <section class="form-wrapper" id="contact"> 744 <div class="wrapper"> 745 746 <div class="max-width-800"> 747 <div class="label dark"> 748 <p>Connect</p> 749 </div> 750 <h4 > 751Contact for Infrastructure & Strategic Inquiries 752 </h4> 753</br></br> 754</div> 755 756 <div class="form-section"> 757 758 <div > 759 760 <form name="form" method="post" action="" id="ContactForm" class="contact-form"> 761 <input type="hidden" name="type_id" value="1" /> 762 763 <div class="row g-3"> 764 <div class="col-lg-6"> 765 766 767 </div> 768 </div> 769 <div class="row g-3"> 770 <div class="col-lg-6"> 771 <label class="form-label" for="name">Name</label> 772 <input class="form-control" id="name" type="text" name=" name"> 773 </div> 774 <div class="col-lg-6"> 775 <label class="form-label" for="company">Company</label> 776 <input class="form-control" id="company" type="text" name="company"> 777 </div> 778 779 <div class="col-lg-6"> 780 <label class="form-label" for="contact_email">Email</label> 781 <input class="form-control" id="contact_email" type="email" name="email" required="true"> 782 </div> 783 784 <div class="col-lg-6"> 785 <label class="form-label" for="contact_phone">Phone</label> 786 <input class="form-control" id="contact_phone" type="tel" name="phone"> 787 </div> 788 789 790 <!-- 791 <div class="col-lg-12"> 792 <label class="form-label" for="company_
792site">Company Website</label> 793 <input class="form-control" id="company_site" type="text" name="website"> 794 </div> 795 796 <div class="col-lg-12"> 797 <label class="form-label" for="office_location"> 798 Inquiry Type 799 </label> 800 <select class="form-control" id="office_location" name="location"> 801 <option value="">-- Select --</option> 802 <option value="Infrastructure 803 804">Infrastructure 805 806</option> 807 <option value="Capacity 808">Capacity 809</option> 810 <option value="Partnership 811">Partnership 812</option> 813 <option value="Investment/Strategic 814">Investment/Strategic 815</option> 816 <option value="General">General 817 </option> 818 </select> 819 </div> 820 821 --> 822 823 824 825 826 <div class="col-lg-12"> 827 <label class="form-label" for="contact_message">Message 828 </label> 829 <textarea id="contact_message" class="form-control" rows="5" name="message"></textarea> 830 </div> 831 832 </div>
vendor: 85 bytes, lines 832-833
832 833 <script src="https://www.google.com/recaptcha/api.js?render=
8336LcYQcUsAAAAAIJm_1shmKZhHlLWm0ZCton5pDJJ
vendor: 16 bytes, lines 833-834
833"></script> 834
834<script> 835 function buttonClick(element_id = 'ContactForm') { 836 if (checkRequired(document.getElementById(element_id)).length) { 837 $('html, body').animate({ 838 scrollTop: $(".is-invalid").first().offset().top - 200 839 }, 1000); 840 return false; 841 } 842 grecaptcha.ready(function() { 843 grecaptcha.execute('6LcYQcUsAAAAAIJm_1shmKZhHlLWm0ZCton5pDJJ', { 844 action: 'contact' 845 }).then(function(token) { 846 var input1 = document.createElement("input"); 847 input1.setAttribute("type", "hidden"); 848 input1.setAttribute("name", "request_uri"); 849 input1.setAttribute("value", "/"); 850 document.getElementById(element_id).appendChild(input1); 851 852 var input2 = document.createElement("input"); 853 input2.setAttribute("type", "hidden"); 854 input2.setAttribute("name", "g-recaptcha-response"); 855 input2.setAttribute("value", token); 856 document.getElementById(element_id).appendChild(input2); 857 858 $('#' + element_id).submit(); 859 }); 860 }); 861 } 862 863 function checkRequired(current) { 864 $('small.invalid-feedback').remove(); 865 var complete = true; 866 var errors = []; 867 $(current).find('input[required], select[required]').each(function(index, el) { 868 $(el).removeClass('is-invalid'); 869 if ($(el).prop('type') == 'checkbox') { 870 if (!$(el).prop('checked')) { 871 complete = false; 872 var name = $(el).prop('name'); 873 var obj = [name, 'required']; 874 errors.push(obj); 875 } 876 } else { 877 if ($(el).val() == '') { 878 complete = false; 879 var name = $(el).prop('name'); 880 var obj = [name, 'required']; 881 errors.push(obj); 882 } 883 } 884 }); 885 886 $.each(errors, function(index, obj) { 887 var input = $(current).find("[name='" + obj[0] + "']"); 888 input.addClass("is-invalid"); 889 input.after("<small class='invalid-feedback'>" + obj[1] + "</small>"); 890 }); 891 return errors; 892 } 893 </script>
893 894<br /> 895 896 <a style="margin: auto;" class="btn white-version" id="submitButton" href="javascript:void(0)" onclick="buttonClick();"> 897 Submit 898 899 900 </a> 901 </form> 902 903 </div> 904 </div> 905 906 </div> 907 908
908<script type="text/javascript"> 909 function updateAction() { 910 var frm = document.getElementById('ContactForm'); 911 frm.action = '?submitted'; 912 } 913 var email = document.getElementById('contact_email'); 914 email.addEventListener('input', updateAction); 915 email.addEventListener('propertychange', updateAction); 916 </script>
916 917 918 919</section> 920 921 922 923 924<div class="footer"> 925 <div class="wrapper"> 926 927 <div class="footer-top"> 928 <div class="cell"> 929 <h2>Infrastructure for What Comes Next</h2> 930 </div> 931 <div class="cell"> 932 <p> 933 Demand for high-performance compute continues to accelerate. 934 935Big Digital Energy is focused on the infrastructure behind that demand: power-backed sites, resilient planning, and digital infrastructure positioned for long-term growth. 936 937 </div> 938 939 </div> 940 941 <div class="footer-top"> 942 943 944 945 </div> 946 947 <div class="footer-logo"> 948 <img src="/images/logoBDE2.svg"> 949 </div> 950 951 952 953 954<div class="container-fluid gm7-blurb"> 955 <div class="footer-container"> 956 <div> 957 Copyright ©
957<script language="JavaScript" type="text/javascript"> 958 now = new Date 959 theYear = now.getYear() 960 if (theYear < 1900) 961 theYear = theYear + 1900 962 document.write(theYear) 963 </script>
963 Big Digital Energy. 964 </div> 965 <div style="text-align:center;"> 966 967 <a href="/disclaimer">Disclaimer</a> I 968 <a href="/terms-of-use">Terms of Use</a> I 969 <a href="/privacy">Privacy</a> 970 971 </div> 972 <div> 973 Site by <a href="https://groupm7.com/" target="_blank" rel="nofollow">GroupM7™</a> 974 </div> 975 976 </div> 977</div> 978</div> 979 </div> 980 981<!---- END FOOTER ----> 982 983 984<div class="site-search-wrapper" x-show="show_search" aria-labelledby="site-search-label" x-cloak> 985 <button class="search-close" @click="show_search = false" aria-label="Close search"> 986 <i class="fa-regular fa-xmark"></i> 987 </button> 988 <form action="/search" method="get" class="site-search" x-on:click.away="show_search = false" aria-labelledby="site-search-label"> 989 <input autocomplete="off" type="search" name="q" placeholder="Search"> 990 </form> 991</div> 992 993
994<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 994
994
995<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
vendor: 1 bytes, line 995
995
996<script src="/assets/js/jquery.countup.min.js"></script>
vendor: 1 bytes, line 996
996
997<script src="/assets/js/jquery.waypoints.min.js"></script>
997 998
999<script src="/assets/js/owl.carousel.min.js"></script>
vendor: 1 bytes, line 999
999
1000<script src="/assets/js/wow.min.js"></script>
1000 1001
1002<script> 1003 new WOW({ 1004 mobile: true, 1005 offset: 100 1006 }).init(); 1007</script>
1007 1008 1009
1010<script> 1011 if (!("ontouchstart" in document.documentElement)) { 1012 $('.nav-item.dropdown').mouseenter(function(e) { 1013 if ($('.navbar-toggler').css('display') != 'none') { 1014 return; 1015 } 1016 $('.nav-item.dropdown').not(this).children(0).removeClass('show'); 1017 $(this).children(0).addClass('show'); 1018 clearTimeout(this.hideDropdown); 1019 }); 1020 $('.nav-item.dropdown').mouseleave(function(e) { 1021 if ($('.navbar-toggler').css('display') != 'none') { 1022 return; 1023 } 1024 if (this.querySelector('a').innerHTML == 'Log In') { 1025 return; 1026 } 1027 1028 this.hideDropdown = setTimeout(() => { 1029 $(this).children(0).removeClass('show'); 1030 $(this).find('a.nav-link').blur(); 1031 }, 500); 1032 1033 }); 1034 } 1035 1036 $('.nav-item.dropdown').on('hide.bs.dropdown', function(e) { 1037 if (e.clickEvent == undefined) return true; 1038 var target = $(e.clickEvent.target); 1039 if (target.closest('.nav-item.dropdown').length > 0) { 1040 return !$(target.closest('.nav-item.dropdown')[0]).is($(this)) 1041 } 1042 return true; 1043 }); 1044 1045 // if someone clicks outside the dropdown, close it 1046 $(document).click(function(e) { 1047 if ($('.navbar-toggler').css('display') != 'none') { 1048 return; 1049 } 1050 if (!$(e.target).closest('.nav-item.dropdown').length) { 1051 $('.nav-item.dropdown').children(0).removeClass('show'); 1052 } 1053 }); 1054</script>
1054 1055
1056<script> 1057 $(document).ready(function(){ 1058 $(".by-the-numbers-carousel").owlCarousel({ 1059 loop: false, 1060 nav: true, 1061 1062 responsive : { 1063 // breakpoint from 0 up 1064 0 : { 1065 items: 1, 1066 }, 1067 // breakpoint from 480 up 1068 580 : { 1069 items: 2, 1070 }, 1071 // breakpoint from 768 up 1072 768 : { 1073 items: 3, 1074 }, 1075 1139 : { 1076 items: 4, 1077 } 1078}, 1079 navText: ["<span class='icon-arrow-left'></span>","<span class='icon-arrow-right'></span>"] 1080 }); 1081}); 1082 1083// Student Standout Carousels 1084// $(document).ready(function(){ 1085// $(".quote-carousel").owlCarousel({ 1086// loop: true, 1087// nav: true, 1088// items: 1, 1089// navText: ["<i class='fa-solid fa-arrow-left'></i>","<i class='fa-solid fa-arrow-right'></i>"] 1090// }); 1091// }); 1092 1093 1094// $(document).ready(function(){ 1095// $(".standout-carousel").owlCarousel({ 1096// loop: true, 1097// nav: false, 1098// items: 1, 1099// dots: false, 1100// navText: ["<i class='fa-solid fa-arrow-left'></i>","<i class='fa-solid fa-arrow-right'></i>"] 1101// }); 1102// }); 1103 1104 1105$(document).ready(function() { 1106 1107 var sync1 = $("#sync1"); 1108 var sync2 = $("#sync2"); 1109 var slidesPerPage = 1; //globaly define number of elements per page 1110 var syncedSecondary = true; 1111 1112 sync1.owlCarousel({ 1113 items : 1, 1114 nav: true, 1115 navText: ["<span class='icon-arrow-left'></span>","<span class='icon-arrow-right'></span>"], 1116 autoplay: false, 1117 dots: false, 1118 loop: true, 1119 }).on('changed.owl.carousel', syncPosition); 1120 1121 sync2 1122 .on('initialized.owl.carousel', function () { 1123 sync2.find(".owl-item").eq(0).addClass("current"); 1124 }) 1125 .owlCarousel({ 1126 items : slidesPerPage, 1127 animateIn: 'fadeIn', 1128 animateOut: 'fadeOut', 1129 dots: false, 1130 nav: false, 1131 1132 slideBy: slidesPerPage, //alternatively you can slide by 1, this way the active slide will stick to the first item in the second carousel 1133 1134 }).on('changed.owl.carousel', syncPosition2); 1135 1136 function syncPosition(el) { 1137 //if you set loop to false, you have to restore this next line 1138 //var current = el.item.index; 1139 1140 //if you disable loop you have to comment this block 1141 var count = el.item.count-1; 1142 var current = Math.round(el.item.index - (el.item.count/2) - .5); 1143 1144 if(current < 0) { 1145 current = count; 1146 } 1147 if(current > count)Â { 1148 current = 0; 1149 } 1150 1151 //end block 1152 1153 sync2 1154 .find(".owl-item") 1155 .removeClass("current") 1156 .eq(current) 1157 .addClass("current"); 1158 var onscreen = sync2.find('.owl-item.active').length - 1; 1159 var start = sync2.find('.owl-item.active').first().index(); 1160 var end = sync2.find('.owl-item.active').last().index(); 1161 1162 if (current > end) { 1163 sync2.data('owl.carousel').to(current, 100, true); 1164 } 1165 if (current < start) { 1166 sync2.data('owl.carousel').to(current - onscreen, 100, true); 1167 } 1168 } 1169 1170 function syncPosition2(el) { 1171 if(syncedSecondary) { 1172 var number = el.item.index; 1173 sync1.data('owl.carousel').to(number, 100, true); 1174 } 1175 } 1176 1177 sync2.on("click", ".owl-item", function(e){ 1178 e.preventDefault(); 1179 var number = $(this).index(); 1180 sync1.data('owl.carousel').to(number, 300, true); 1181 }); 1182}); 1183 1184</script>
1184 1185
1186<script> 1187document.addEventListener('click', function(e) { 1188 // Hamburger menu 1189 if (e.target.classList.contains('hamburger-toggle')) { 1190 e.target.children[0].classList.toggle('active'); 1191 } 1192}) 1193 1194jQuery(function($) { 1195 var path = window.location.href; // because the 'href' property of the DOM element is the absolute path 1196 console.log(path); 1197 $('.nav-link').each(function() { 1198 if (this.href === path) { 1199 $(this).addClass('highlight'); 1200 } 1201 }); 1202}); 1203 1204//Hover Box 1205$(document).ready(function() { 1206 // set up hover panels 1207 // although this can be done without JavaScript, we've attached these events 1208 // because it causes the hover to be triggered when the element is tapped on a touch device 1209 $('.hover').hover(function() { 1210 $(this).addClass('flip'); 1211 }, function() { 1212 $(this).removeClass('flip'); 1213 }); 1214}); 1215 1216// $(document).ready(function() { 1217// let navHeight = $(".navbar-expand-lg").height(); 1218// console.log(navHeight); 1219// let navSpacer = $("#nav-spacer"); 1220// navSpacer.height(navHeight) ; 1221// }); 1222</script>
1222 1223 1224 1225
1226<script type="module"> 1227 import WOW from 'wow.js'; 1228 1229 document.addEventListener("DOMContentLoaded", function () { 1230 new WOW().init(); 1231 }); 1232</script>
1232 1233
1233<script src="https://cdnjs.cloudflare.com/ajax/libs/countup.js/2.0.7/countUp.umd.js"></script>
1233 1234 1235
1236<script> 1237 $('#averageClassSize').countUp({ start: 5, last: 12, duration: .5, frame: 1000 / 60 }); 1238 $('#gpa').countUp({ start: 2.55, last: 3.65, duration: 0.5, frame: 1000 / 60 }); 1239 $('#ratio').countUp({ start: 1, last: 6, duration: 0.5, frame: 1000 / 60 }); 1240 $('#acres').countUp({ start: 40, last: 52, duration: .51, frame: 1000 / 60 }); 1241</script>
1241 1242
1243<script> 1244/*! 1245 * Jarallax v2.2.1 (https://github.com/nk-o/jarallax) 1246 * Copyright 2024 nK <https://nkdev.info> 1247 * Licensed under MIT (https://github.com/nk-o/jarallax/blob/master/LICENSE) 1248 */ 1249!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).jarallax=t()}(this,(function(){"use strict";function e(e){"complete"===document.readyState||"interactive"===document.readyState?e():document.addEventListener("DOMContentLoaded",e,{capture:!0,once:!0,passive:!0})}let t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var i=t,o={type:"scroll",speed:.5,containerClass:"jarallax-container",imgSrc:null,imgElement:".jarallax-img",imgSize:"cover",imgPosition:"50% 50%",imgRepeat:"no-repeat",keepImg:!1,elementInViewport:null,zIndex:-100,disableParallax:!1,onScroll:null,onInit:null,onDestroy:null,onCoverImage:null,videoClass:"jarallax-video",videoSrc:null,videoStartTime:0,videoEndTime:0,videoVolume:0,videoLoop:!0,videoPlayOnlyVisible:!0,videoLazyLoading:!0,disableVideo:!1,onVideoInsert:null,onVideoWorkerInit:null};const{navigator:n}=i,a=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(n.userAgent);let s,l,r;function c(){s=i.innerWidth||document.documentElement.clientWidth,a?(!r&&document.body&&(r=document.createElement("div"),r.style.cssText="position: fixed; top: -9999px; left: 0; height: 100vh; width: 0;",document.body.appendChild(r)),l=(r?r.clientHeight:0)||i.innerHeight||document.documentElement.clientHeight):l=i.innerHeight||document.documentElement.clientHeight}function p(){return{width:s,height:l}}c(),i.addEventListener("resize",c),i.addEventListener("orientationchange",c),i.addEventListener("load",c),e((()=>{c()}));const m=[];function d(){if(!m.length)return;const{width:e,height:t}=p();m.forEach(((i,o)=>{const{instance:n,oldData:a}=i;if(!n.isVisible())return;const s=n.$item.getBoundingClientRect(),l={width:s.width,height:s.height,top:s.top,bottom:s.bottom,wndW:e,wndH:t},r=!a||a.wndW!==l.wndW||a.wndH!==l.wndH||a.width!==l.width||a.height!==l.height,c=r||!a||a.top!==l.top||a.bottom!==l.bottom;m[o].oldData=l,r&&n.onResize(),c&&n.onScroll()})),i.requestAnimationFrame(d)}const g=new i.IntersectionObserver((e=>{e.forEach((e=>{e.target.jarallax.isElementInViewport=e.isIntersecting}))}),{rootMargin:"50px"});const{navigator:u}=i;let f=0;class h{constructor(e,t){const i=this;i.instanceID=f,f+=1,i.$item=e,i.defaults={...o};const n=i.$item.dataset||{},a={};if(Object.keys(n).forEach((e=>{const t=e.substr(0,1).toLowerCase()+e.substr(1);t&&void 0!==i.defaults[t]&&(a[t]=n[e])})),i.options=i.extend({},i.defaults,a,t),i.pureOptions=i.extend({},i.options),Object.keys(i.options).forEach((e=>{"true"===i.options[e]?i.options[e]=!0:"false"===i.options[e]&&(i.options[e]=!1)})),i.options.speed=Math.min(2,Math.max(-1,parseFloat(i.options.speed))),"string"==typeof i.options.disableParallax&&(i.options.disableParallax=new RegExp(i.options.disableParallax)),i.options.disableParallax instanceof RegExp){const e=i.options.disableParallax;i.options.disableParallax=()=>e.test(u.userAgent)}if("function"!=typeof i.options.disableParallax){const e=i.options.disableParallax;i.options.disableParallax=()=>!0===e}if("string"==typeof i.options.disableVideo&&(i.options.disableVideo=new RegExp(i.options.disableVideo)),i.options.disableVideo instanceof RegExp){const e=i.options.disableVideo;i.options.disableVideo=()=>e.test(u.userAgent)}if("function"!=typeof i.options.disableVideo){const e=i.options.disableVideo;i.options.disableVideo=()=>!0===e}let s=i.options.elementInViewport;s&&"object"==typeof s&&void 0!==s.length&&([s]=s),s instanceof Element||(s=null),i.options.elementInViewport=s,i.image={src:i.options.imgSrc||null,$container:null,useImgTag:!1,position:"fixed"},i.initImg()&&i.canInitParallax()&&i.init()}css(e,t){return function(e,t){return"string"==typeof t?i.getComputedStyle(e).getPropertyValue(t):(Object.keys(t).forEach((i=>{e.style[i]=t[i]})),e)}(e,t)}extend(e,...t){return function(e,...t){return e=e||{},Object.keys(t).forEach((i=>
1249{t[i]&&Object.keys(t[i]).forEach((o=>{e[o]=t[i][o]}))})),e}(e,...t)}getWindowData(){const{width:e,height:t}=p();return{width:e,height:t,y:document.documentElement.scrollTop}}initImg(){const e=this;let t=e.options.imgElement;return t&&"string"==typeof t&&(t=e.$item.querySelector(t)),t instanceof Element||(e.options.imgSrc?(t=new Image,t.src=e.options.imgSrc):t=null),t&&(e.options.keepImg?e.image.$item=t.cloneNode(!0):(e.image.$item=t,e.image.$itemParent=t.parentNode),e.image.useImgTag=!0),!!e.image.$item||(null===e.image.src&&(e.image.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",e.image.bgImage=e.css(e.$item,"background-image")),!(!e.image.bgImage||"none"===e.image.bgImage))}canInitParallax(){return!this.options.disableParallax()}init(){const e=this,t={position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden"};let o={pointerEvents:"none",transformStyle:"preserve-3d",backfaceVisibility:"hidden"};if(!e.options.keepImg){const t=e.$item.getAttribute("style");if(t&&e.$item.setAttribute("data-jarallax-original-styles",t),e.image.useImgTag){const t=e.image.$item.getAttribute("style");t&&e.image.$item.setAttribute("data-jarallax-original-styles",t)}}if("static"===e.css(e.$item,"position")&&e.css(e.$item,{position:"relative"}),"auto"===e.css(e.$item,"z-index")&&e.css(e.$item,{zIndex:0}),e.image.$container=document.createElement("div"),e.css(e.image.$container,t),e.css(e.image.$container,{"z-index":e.options.zIndex}),"fixed"===this.image.position&&e.css(e.image.$container,{"-webkit-clip-path":"polygon(0 0, 100% 0, 100% 100%, 0 100%)","clip-path":"polygon(0 0, 100% 0, 100% 100%, 0 100%)"}),e.image.$container.setAttribute("id",`jarallax-container-${e.instanceID}`),e.options.containerClass&&e.image.$container.setAttribute("class",e.options.containerClass),e.$item.appendChild(e.image.$container),e.image.useImgTag?o=e.extend({"object-fit":e.options.imgSize,"object-position":e.options.imgPosition,"max-width":"none"},t,o):(e.image.$item=document.createElement("div"),e.image.src&&(o=e.extend({"background-position":e.options.imgPosition,"background-size":e.options.imgSize,"background-repeat":e.options.imgRepeat,"background-image":e.image.bgImage||`url("${e.image.src}")`},t,o))),"opacity"!==e.options.type&&"scale"!==e.options.type&&"scale-opacity"!==e.options.type&&1!==e.options.speed||(e.image.position="absolute"),"fixed"===e.image.position){const t=function(e){const t=[];for(;null!==e.parentElement;)1===(e=e.parentElement).nodeType&&t.push(e);return t}(e.$item).filter((e=>{const t=i.getComputedStyle(e),o=t["-webkit-transform"]||t["-moz-transform"]||t.transform;return o&&"none"!==o||/(auto|scroll)/.test(t.overflow+t["overflow-y"]+t["overflow-x"])}));e.image.position=t.length?"absolute":"fixed"}var n;o.position=e.image.position,e.css(e.image.$item,o),e.image.$container.appendChild(e.image.$item),e.onResize(),e.onScroll(!0),e.o
1249ptions.onInit&&e.options.onInit.call(e),"none"!==e.css(e.$item,"background-image")&&e.css(e.$item,{"background-image":"none"}),n=e,m.push({instance:n}),1===m.length&&i.requestAnimationFrame(d),g.observe(n.options.elementInViewport||n.$item)}destroy(){const e=this;var t;t=e,m.forEach(((e,i)=>{e.instance.instanceID===t.instanceID&&m.splice(i,1)})),g.unobserve(t.options.elementInViewport||t.$item);const i=e.$item.getAttribute("data-jarallax-original-styles");if(e.$item.removeAttribute("data-jarallax-original-styles"),i?e.$item.setAttribute("style",i):e.$item.removeAttribute("style"),e.image.useImgTag){const t=e.image.$item.getAttribute("data-jarallax-original-styles");e.image.$item.removeAttribute("data-jarallax-original-styles"),t?e.image.$item.setAttribute("style",i):e.image.$item.removeAttribute("style"),e.image.$itemParent&&e.image.$itemParent.appendChild(e.image.$item)}e.image.$container&&e.image.$container.parentNode.removeChild(e.image.$container),e.options.onDestroy&&e.options.onDestroy.call(e),delete e.$item.jarallax}coverImage(){const e=this,{height:t}=p(),i=e.image.$container.getBoundingClientRect(),o=i.height,{speed:n}=e.options,a="scroll"===e.options.type||"scroll-opacity"===e.options.type;let s=0,l=o,r=0;return a&&(n<0?(s=n*Math.max(o,t),t<o&&(s-=n*(o-t))):s=n*(o+t),n>1?l=Math.abs(s-t):n<0?l=s/n+Math.abs(s):l+=(t-o)*(1-n),s/=2),e.parallaxScrollDistance=s,r=a?(t-l)/2:(o-l)/2,e.css(e.image.$item,{height:`${l}px`,marginTop:`${r}px`,left:"fixed"===e.image.position?`${i.left}px`:"0",width:`${i.width}px`}),e.options.onCoverImage&&e.options.onCoverImage.call(e),{image:{height:l,marginTop:r},container:i}}isVisible(){return this.isElementInViewport||!1}onScroll(e){const t=this;if(!e&&!t.isVisible())return;const{height:i}=p(),o=t.$item.getBoundingClientRect(),n=o.top,a=o.height,s={},l=Math.max(0,n),r=Math.max(0,a+n),c=Math.max(0,-n),m=Math.max(0,n+a-i),d=Math.max(0,a-(n+a-i)),g=Math.max(0,-n+i-a),u=1-(i-n)/(i+a)*2;let f=1;if(a<i?f=1-(c||m)/a:r<=i?f=r/i:d<=i&&(f=d/i),"opacity"!==t.options.type&&"scale-opacity"!==t.options.type&&"scroll-opacity"!==t.options.type||(s.transform="translate3d(0,0,0)",s.opacity=f),"scale"===t.options.type||"scale-opacity"===t.options.type){let e=1;t.options.speed<0?e-=t.options.speed*f:e+=t.options.speed*(1-f),s.transform=`scale(${e}) translate3d(0,0,0)`}if("scroll"===t.options.type||"scroll-opacity"===t.options.type){let e=t.parallaxScrollDistance*u;"absolute"===t.image.position&&(e-=n),s.transform=`translate3d(0,${e}px,0)`}t.css(t.image.$item,s),t.options.onScroll&&t.options.onScroll.call(t,{section:o,beforeTop:l,beforeTopEnd:r,afterTop:c,beforeBottom:m,beforeBottomEnd:d,afterBottom:g,visiblePercent:f,fromViewportCenter:u})}onResize(){this.coverImage()}}const b=function(e,t,...i){("object"==typeof HTMLElement?e instanceof HTMLElement:e&&"object"==typeof e&&null!==e&&1===e.nodeType&&"string"==typeof e.nodeName)&&(e=[e]);const o=e.length;let n,a=0;for(;a<o;a+=1)if("object"==typeof t||void 0===t?e[a].jarallax||(e[a].jarallax=new h(e[a],t)):e[a].jarallax&&(n=e[a].jarallax[t].apply(e[a].jarallax,i)),void 0!==n)return n;return e};b.constructor=h;const y=i.jQuery;if(void 0!==y){const e=function(...e){Array.prototype.unshift.call(e,this);const t=b.apply(i,e);return"object"!=typeof t?t:this};e.constructor=b.constructor;const t=y.fn.jarallax;y.fn.jarallax=e,y.fn.jarallax.noConflict=function(){return y.fn.jarallax=t,this}}return e((()=>{b(document.querySelectorAll("[data-jarallax]"))})),b}));//# sourceMappingURL=jarallax.min.js.map 1250</script>
1250 1251
1252<script> 1253 document.addEventListener("DOMContentLoaded", function() { 1254 const hamMenus = document.querySelectorAll(".ham-full-menu"); 1255 hamMenus.forEach(function(hamMenu) { 1256 hamMenu.addEventListener("click", function(event) { 1257 // Find the burger inside this ham-full-menu 1258 const burger = hamMenu.querySelector(".burger"); 1259 if (burger) { 1260 // Toggle the 'open' class on the burger 1261 burger.classList.toggle("open"); 1262 } 1263 }); 1264 }); 1265 }); 1266</script>
1266 1267
1268<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"> 1269</script>
1269 1270 1271
1272<script> 1273 $(document).ready(function(){ 1274 $('#gallery').slick({ 1275 slidesToShow: 4, 1276 slidesToScroll: 1, 1277 autoplay: true, 1278 autoplaySpeed: 0, // continuous scroll 1279 speed: 17000, // transition duration 1280 pauseOnHover: false, 1281 pauseOnFocus: false, 1282 pauseOnDotsHover: false, 1283 cssEase: 'linear', 1284 infinite: true, 1285 variableWidth: false, 1286 centerMode: false, 1287 arrows: false, 1288 draggable: true, 1289 swipe: true, 1290 touchMove: true, 1291 swipeToSlide: true, 1292 responsive: [ 1293 { 1294 breakpoint: 1024, 1295 settings: { 1296 slidesToShow: 3 1297 } 1298 }, 1299 { 1300 breakpoint: 800, 1301 settings: { 1302 slidesToShow: 2 1303 } 1304 }, 1305 { 1306 breakpoint: 480, 1307 settings: { 1308 slidesToShow: 1 1309 } 1310 } 1311 ] 1312 }); 1313 1314 $('#gallery-images').slick({ 1315 slidesToShow: 2, 1316 slidesToScroll: 1, 1317 autoplay: true, 1318 autoplaySpeed: 0, // continuous scroll 1319 speed: 10000, // transition duration 1320 pauseOnHover: true, 1321 pauseOnFocus: true, 1322 pauseOnDotsHover: false, 1323 cssEase: 'linear', 1324 infinite: true, 1325 variableWidth: false, 1326 centerMode: false, 1327 arrows: false, 1328 draggable: true, 1329 swipe: true, 1330 touchMove: true, 1331 swipeToSlide: true, 1332 responsive: [ 1333 { 1334 breakpoint: 1024, 1335 settings: { 1336 slidesToShow: 3 1337 } 1338 }, 1339 { 1340 breakpoint: 800, 1341 settings: { 1342 slidesToShow: 2 1343 } 1344 }, 1345 { 1346 breakpoint: 480, 1347 settings: { 1348 slidesToShow: 1 1349 } 1350 } 1351 ] 1352 }); 1353 1354 $('#gallery-reverse').slick({ 1355 slidesToShow: 4, 1356 slidesToScroll: 1, 1357 autoplay: true, 1358 autoplaySpeed: 0, 1359 speed: 17000, 1360 pauseOnHover: false, 1361 cssEase: 'linear', 1362 infinite: true, 1363 arrows: false, 1364 draggable: true, 1365 swipe: true, 1366 touchMove: true, 1367 swipeToSlide: true, responsive: [ 1368 { 1369 breakpoint: 1024, 1370 settings: { 1371 slidesToShow: 3 1372 } 1373 }, 1374 { 1375 breakpoint: 800, 1376 settings: { 1377 slidesToShow: 2 1378 } 1379 }, 1380 { 1381 breakpoint: 480, 1382 settings: { 1383 slidesToShow: 1 1384 } 1385 } 1386 ] }); 1387 1388 $('#gallery-three').slick({ 1389 slidesToShow: 4, 1390 slidesToScroll: 1, 1391 autoplay: true, 1392 autoplaySpeed: 0, 1393 speed: 17000, 1394 pauseOnHover: false, 1395 cssEase: 'linear', 1396 infinite: true, 1397 arrows: false, 1398 draggable: true, 1399 swipe: true, 1400 touchMove: true, 1401 swipeToSlide: true, responsive: [ 1402 { 1403 breakpoint: 1024, 1404 settings: { 1405 slidesToShow: 3 1406 } 1407 }, 1408 { 1409 breakpoint: 800, 1410 settings: { 1411 slidesToShow: 2 1412 } 1413 }, 1414 { 1415 breakpoint: 480, 1416 settings: { 1417 slidesToShow: 1 1418 } 1419 } 1420 ] }); 1421 1422 1423 1424 }); 1425 </script>
1425 1426
1427<script> 1428document.addEventListener("DOMContentLoaded", () => { 1429 const observer = new IntersectionObserver((entries) => { 1430 entries.forEach(entry => { 1431 if (entry.isIntersecting) { 1432 const svg = entry.target.querySelector('svg'); 1433 svg.classList.add('circle-show'); 1434 1435 // Stop observing after animation (optional but recommended) 1436 observer.unobserve(entry.target); 1437 } 1438 }); 1439 }, { 1440 threshold: 0.6, // triggers when ~60% visible 1441 rootMargin: "0px 0px -100px 0px" // start a bit earlier 1442 }); 1443 1444 // Observe every .point-number 1445 document.querySelectorAll('.point-number').forEach(el => { 1446 observer.observe(el); 1447 }); 1448}); 1449</script>
1449 1450
1451<script> 1452document.addEventListener("DOMContentLoaded", () => { 1453 const observer = new IntersectionObserver((entries) => { 1454 entries.forEach(entry => { 1455 if (entry.isIntersecting) { 1456 // Add the .show-line class to the container (triggers the animation) 1457 entry.target.classList.add('show-line'); 1458 1459 // Stop observing after itâs been triggered once (saves performance) 1460 observer.unobserve(entry.target); 1461 } 1462 }); 1463 }, { 1464 threshold: 0.6, // triggers when 60% of the element is visible 1465 rootMargin: "0px 0px -100px 0px" // start animation a little early 1466 }); 1467 1468 // Observe every element with class .point-line 1469 document.querySelectorAll('.point-line').forEach(el => { 1470 observer.observe(el); 1471 }); 1472}); 1473</script>
vendor: 1 bytes, line 1473
1473
1474<script src="https://cdnjs.cloudflare.com/ajax/libs/jarallax/1.12.8/jarallax.min.js"></script>
vendor: 1 bytes, line 1474
1474
1475<script src="https://cdnjs.cloudflare.com/ajax/libs/jarallax/1.12.8/jarallax-element.min.js"></script>
1475 1476 1477 1478
1479<script> 1480function initJarallax() { 1481 const width = window.innerWidth; 1482 let speed = 1; 1483 1484 if (width >= 1200) { 1485 speed = .3; 1486 } 1487 1488 console.log('Window width:', width); 1489 console.log('Speed:', speed); 1490 1491 const elements = document.querySelectorAll('.jarallax-responsive-speed'); 1492 console.log('Found elements:', elements.length); 1493 1494 if (elements.length > 0) { 1495 jarallax(elements, { 1496 speed: speed 1497 }); 1498 console.log('Jarallax initialized'); 1499 } else { 1500 console.log('No elements found with .jarallax-responsive-speed class'); 1501 } 1502} 1503 1504// Wait for page to load 1505window.addEventListener('load', function() { 1506 console.log('Page loaded, initializing...'); 1507 initJarallax(); 1508}); 1509 1510window.addEventListener('resize', function() { 1511 console.log('Resizing...'); 1512 jarallax(document.querySelectorAll('.jarallax-responsive-speed'), 'destroy'); 1513 initJarallax(); 1514}); 1515</script>
1515 1516 1517
1518<script> 1519document.querySelectorAll('.stagger-words').forEach(element => { 1520 const words = element.textContent.trim().split(/\s+/); 1521 element.innerHTML = words.map((word, index) => 1522 `<span class="wow fadeInUp" data-wow-delay="${index * 0.1}s">${word}</span>` 1523 ).join(' '); 1524}); 1525</script>
1525 1526 1527 1528 1529 1530
1531<script> 1532// Load Vimeo Player API 1533const script = document.createElement('script'); 1534script.src = 'https://player.vimeo.com/api/player.js'; 1535document.head.appendChild(script); 1536 1537document.querySelectorAll('.work-card').forEach(card => { 1538 card.addEventListener('click', function(e) { 1539 e.preventDefault(); 1540 const videoId = this.getAttribute('data-video-id'); 1541 const modal = document.getElementById('videoModal'); 1542 const iframe = document.getElementById('vimeoPlayer'); 1543 1544 iframe.src = `https://player.vimeo.com/video/${videoId}`; 1545 modal.classList.add('active'); 1546 1547 // Wait for iframe to load, then play 1548 iframe.onload = function() { 1549 const player = new Vimeo.Player(iframe); 1550 player.play(); 1551 }; 1552 }); 1553}); 1554 1555// Close modal 1556document.querySelector('.close').addEventListener('click', function() { 1557 const modal = document.getElementById('videoModal'); 1558 const iframe = document.getElementById('vimeoPlayer'); 1559 1560 modal.classList.remove('active'); 1561 iframe.src = ''; 1562}); 1563 1564// Close on outside click 1565window.addEventListener('click', function(e) { 1566 const modal = document.getElementById('videoModal'); 1567 if (e.target === modal) { 1568 modal.classList.remove('active'); 1569 document.getElementById('vimeoPlayer').src = ''; 1570 } 1571}); 1572</script>
1572 1573 1574 1575 1576 1577 1578
1579<script src="https://cdn.jsdelivr.net/npm/locomotive-scroll/bundled/locomotive-scroll.min.js"></script>
vendor: 1 bytes, line 1579
1579
1580<script> 1581 const scroll = new LocomotiveScroll({ 1582 lenisOptions: { 1583 smoothWheel: true, 1584 lerp: 0.3, 1585 duration: 1.2, 1586 } 1587 }); 1588</script>
1588 1589 1590</body> 1591 1592</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.