https://www.tonyvirelli.com/

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width, initial-scale=1">
6<title>Tony Virelli</title>
7<meta name="description" content="Locksport, 3D printing, physical security, hacking and more.">
8<link rel="icon" href="assets/logo-orange.svg">
9<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Azeret+Mono:wght@400;500&display=swap" rel="stylesheet">
11<link rel="stylesheet" href="css/style.css">
12</head>
13<body>
14
15<div class="grain" aria-hidden="true"></div>
16<div class="vignette" aria-hidden="true"></div>
17
18<div class="hero" id="hero">
19  <div class="hero-bg" id="heroBg"></div>
20  <div class="hero-spot" id="heroSpot"></div>
21  <div class="hero-fade"></div>
22
23  <header class="header">
24    <img class="logo" src="assets/logo-orange.svg" alt="Tony Virelli">
25    <nav class="nav">
26      <a href="https://www.youtube.com/@TonyVirelli" target="_blank" rel="noopener">YOUTUBE</a>
27      <a href="https://www.instagram.com/tvirelli" target="_blank" rel="noopener">INSTAGRAM</a>
28      <a href="https://x.com/virelli" target="_blank" rel="noopener">X</a>
29      <a class="nav-cta" href="#contact">CONTACT</a>
30    </nav>
31  </header>
32
33  <div class="hero-body">
34    <div class="hero-type" id="heroType">
35      <h1>TONY<br><span class="outline">VIRELLI</span></h1>
36      <p>Locksport, 3D printing, physical security, hacking and more.</p>
37    </div>
38  </div>
39</div>
40
41<main class="main">
42  <div class="section-rule"><span>PROJECTS</span></div>
43  <div class="card-grid" id="cardGrid"></div>
44</main>
45
46<section class="contact" id="contact">
47  <div class="contact-inner">
48    <div class="contact-lead">
49      <h2>Bookings, talks, collaborations.</h2>
50      <p>Reach out for events, workshops, music, or anything on the cards above.</p>
51      <a class="button" href="/cdn-cgi/l/email-protection#7d090b140f181111143d1a101c1411531e1210"><span class="__cf_email__" data-cfemail="0256544b50474e4e4b42454f434b4e2c414d4f">[email&#160;protected]</span></a>
52    </div>
53    <div class="contact-links">
54      <a href="https://www.youtube.com/@TonyVirelli" target="_blank" rel="noopener">YOUTUBE &rarr;</a>
55      <a href="https://www.instagram.com/tvirelli" target="_blank" rel="noopener">INSTAGRAM &rarr;</a>
56      <a href="https://x.com/virelli" target="_blank" rel="noopener">X &rarr;</a>
57      <a href="https://www.bytestealer.com/drop" target="_blank" rel="noopener">BYTE STEALER &rarr;</a>
58    </div>
59  </div>
60</section>
61
62<footer class="footer">
63  <span>&copy; <span id="year"></span> TONY VIRELLI</span>
64  <a href="/cdn-cgi/l/email-protection#483c3e213a2d242421082f25292124662b2725662b2725"><span class="__cf_email__" data-cfemail="297d7f607b6c656560696e64686065076a6664">[email&#160;protected]</span></a>
65</footer>

65
66
67<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>

67<script src="js/projects.js"></script>

67

68<script src="js/site.js"></script>

68

69<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"6a2e740bd7b743ce8860aa99e6ec1d64","r":1,"spa":2}' crossorigin="anonymous"></script>

69
70</body>
71</html>