Nicolis1.github.io/index.html at master · JoeyLambs/Nicolis1.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Joseph Agnelli — Frontend Engineer</title>
    <meta name="description" content="Frontend Engineer. Lead developer of Covet by Christos (CBC) and former Growth Engineer at Meta.">
    <link rel="stylesheet" href="styles.css">
    <link rel="icon" type="image/x-icon" href="./files/lamp-2.png">

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <!-- End Fonts -->
    <!-- Open Graph -->
    <meta property="og:title" content="Joseph Agnelli — Frontend Engineer">
    <meta property="og:description" content="Lead developer of Covet by Christos (CBC). Former Growth Engineer at Meta.">
    <meta property="og:type" content="website">
    <meta property="og:image" content="/files/headshot.webp">
    <meta property="og:image:type" content="image/webp">
    <meta property="og:image:alt" content="Joseph Agnelli">
    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Joseph Agnelli — Frontend Engineer">
    <meta name="twitter:description" content="Lead developer of Covet by Christos (CBC). Former Growth Engineer at Meta.">
    <meta name="twitter:image" content="/files/headshot.webp">
</head>
<body>
    <header id="header">
        <div class="container nav">
            <div class="brand">
                <a class="home-link" href="#top" aria-label="Go to top">Agnelli</a>
            </div>
            <nav class="nav-links" aria-label="Primary">
                <a href="#highlights">Highlights</a>
                <a href="#experience">Experience</a>
                <a href="#contact">Contact</a>
            </nav>
        </div>
    </header>

    <main id="top">
        <section id="hero">
            <div class="container hero-inner">
                <div class="hero-text">
                    <h1>Joseph Agnelli</h1>
                    <h2>Frontend Engineer</h2>
                    <p class="lede">
                        Lead developer on Covet by Christos (CBC) — a luxury live-shopping network — and former Growth Engineer at Meta.
                    </p>
                    <div class="cta">
                        <a id="emailLink" class="btn primary" href="mailto:joeyagnelli@gmail.com"><i class="fa fa-envelope"></i> Email</a>
                        <a id="resumeLink" class="btn" href="./files/joseph_agnelli_resume.pdf" target="_blank" rel="noopener">Resume</a>
                        <a id="linkedinLink" class="btn" href="https://www.linkedin.com/in/joseph-agnelli-b8ba61119/" target="_blank" rel="noopener"><img class="icon-img" src="./files/LI-In-Bug.png" alt="LinkedIn"> LinkedIn</a>
                    </div>
                </div>
                <div class="hero-photo">
                    <img src="./files/headshot.webp" alt="Joseph Agnelli" loading="eager" decoding="async">
                </div>
            </div>
        </section>

        <section id="highlights" aria-labelledby="highlights-title">
            <div class="container">
                <h3 id="highlights-title">Highlights</h3>
                <div class="card">
                    <div class="card-header">
                        <div>
                            <h4>Covet by Christos (CBC)</h4>
                            <p class="subtle">Lead Developer • Live-shopping network</p>
                        </div>
                        <a class="btn small" href="https://www.covetbychristos.com/" target="_blank" rel="noopener">Visit CBC</a>
                    </div>
                    <div class="card-body">
                        <p>
                            Built and led the frontend for CBC’s live-shopping platform: real‑time programming, curated show pages, and a performant, mobile‑first UX in the luxury space.
                        </p>
                        <ul>
                            <li>Shipped scalable UI for live schedules, host pages, and interactive show experiences.</li>
                            <li>Optimized performance and accessibility for high‑traffic drops and events.</li>
                            <li>Partnered across product and content to drive measurable engagement and conversion.</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <section id="experience" aria-labelledby="experience-title">
            <div class="container">
                <h3 id="experience-title">Experience</h3>
                <div class="timeline">
                    <div class="role">
                        <div class="role-header">
                            <h4>Lead Developer — Covet by Christos (CBC)</h4>
                            <span class="when">2023 — Present</span>
                        </div>
                        <p>
                            End‑to‑end ownership of the consumer web experience for CBC, a social commerce and live‑shopping network in luxury fashion.
                        </p>
                    </div>
                    <div class="role">
                        <div class="role-header">
                            <h4>Growth Engineer — Meta</h4>
                            <span class="when">Prior</span>
                        </div>
                        <p>
                            Focused on A/B testing, activation, and iterative UX improvements to unlock user growth.
                        </p>
                    </div>
                </div>
            </div>
        </section>

        <section id="about" aria-labelledby="about-title">
            <div class="container">
                <h3 id="about-title">About me</h3>
                <div class="card">
                    <div class="card-body">
                        <p>
                            Writes code, climbs rocks, and drinks coffee.
                            I'm always keeping busy with DIY, watching Ghibli movies and reading murder mysteries.
                        </p>
                    </div>
                </div>
            </div>
        </section>

        <section id="contact" aria-labelledby="contact-title">
            <div class="container contact-inner">
                <h3 id="contact-title">Get in touch</h3>
                <p>Open to impactful frontend roles and product‑focused teams.</p>
                <div class="cta">
                    <a class="btn primary" href="mailto:joeyagnelli@gmail.com"><i class="fa fa-envelope"></i> Email</a>
                    <a class="btn" href="./files/joseph_agnelli_resume.pdf" target="_blank" rel="noopener">Resume</a>
                    <a class="btn" href="https://www.linkedin.com/in/joseph-agnelli-b8ba61119/" target="_blank" rel="noopener"><img class="icon-img" src="./files/LI-In-Bug.png" alt="LinkedIn"> LinkedIn</a>
                </div>
            </div>
        </section>
    </main>

    <footer id="footer">
        <div class="container">
            <span>© <span id="year"></span> Joseph Agnelli</span>
        </div>
    </footer>

    <script src="scripts.js"></script>
</body>
</html>