jonmarrs.github.io/index.html at main · jonmarrs/jonmarrs.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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Personal website for Jon Marrs.">

    <title>Jon Marrs</title>

    <meta name="keywords" content="jon, marrs, engineer, software, electrical">

    <link rel="stylesheet" href="style.css">
</head>

<body>

    <header class="site-header">
        <nav class="navbar">
            <a href="#hero" class="nav-logo">Jon Marrs</a>
            <ul class="nav-links">
                <li><a href="#about">About</a></li>
                <li><a href="#projects">Projects</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <main>

        <section id="hero" class="hero-section">
            <div class="container">
                <h1>Welcome, I'm Jon Marrs</h1>
                <p class="hero-subtitle">I'm an AI-first Software Engineer and Electrical Engineer with a Ph.D. in Electrical and Computer Engineering from the University of California, Davis.</p>
                <a href="#projects" class="cta-button">See My Work</a>
            </div>
        </section>

        <section id="about" class="about-section">
            <div class="container">
                <h2>About Me</h2>
                <div class="about-content">
                    <div class="about-text">
                        <p>
                            Hello! I'm based in California and specialize in Software Engineering, Machine Learning Engineering, and Electrical Engineering. I have a passion for solving technical problems and exploring the frontier of new technologies. I take pride in having both technical depth and technical breadth, with an understanding of the complete technical stack — from atoms (low-level transistors and hardware) to bits (high-level software).
                        </p>
                        <p>
                            When I'm not at my computer, I enjoy walking, hiking, and traveling. I am always eager to learn new skills and take on challenging projects.
                        </p>
                    </div>
                </div>
            </div>
        </section>

        <section id="projects" class="projects-section">
            <div class="container">
                <h2>My Projects</h2>
                <div class="project-grid">

                    <article class="project-card">
                        <div class="project-info">
                            <h3>Software Engineering</h3>
                            <p>Recently, my work has been focused on software engineering, mostly for the development of web applications using standard web technologies/frameworks (e.g., HTML, CSS, JavaScript/TypeScript, React, Next.js, Python, Django, PostgreSQL, NGINX). I also regularly use Git/GitHub, Docker, and Linux/Ubuntu in my development workflow. As an AI-first software engineer, I leverage agentic coding tools such as Claude Code, Codex, Cursor, Replit, Gemini/Antigravity, Grok Build, and OpenClaw.</p>
                            <a href="https://github.com/jonmarrs" target="_blank" class="project-link">View Software Projects</a>
                        </div>
                    </article>

                    <article class="project-card">
                        <div class="project-info">
                            <h3>Machine Learning Engineering</h3>
                            <p>I have experience in machine learning engineering, including training and deploying deep learning models using PyTorch. I am currently working on the <a href="https://scrollprize.org" target="_blank">Vesuvius Challenge</a>, a competition to read ancient scrolls carbonized by the eruption of Mount Vesuvius.</p>
                            <a href="https://github.com/jonmarrs" target="_blank" class="project-link">View ML Projects</a>
                        </div>
                    </article>

                    <article class="project-card">
                        <div class="project-info">
                            <h3>Electrical Engineering</h3>
                            <p>I have a Ph.D. in Electrical and Computer Engineering from UC Davis. My technical background is in electrical engineering, with experience in semiconductors, nanotechnology, molecular electronics, embedded systems, and embedded software/firmware engineering. Before graduate school, I gained industry experience working as an Electrical Engineer at Lam Research, a semiconductor equipment company, where I wrote firmware for ARM Cortex processors in C.</p>
                            <a href="https://nanobiotronix.com/team/" target="_blank" class="project-link">View Research Group</a>
                        </div>
                    </article>

                    <article class="project-card">
                        <div class="project-info">
                            <h3>Publications</h3>
                            <p>My publications from my Ph.D. research while I was at UC Davis were mostly focused on electrical engineering, nanotechnology, and molecular electronics.</p>
                            <a href="https://scholar.google.com/citations?user=FqpBPv8AAAAJ&hl=en" target="_blank" class="project-link">View Publications</a>
                        </div>
                    </article>

                    <article class="project-card">
                        <div class="project-info">
                            <h3>Ph.D. Dissertation</h3>
                            <p>My Ph.D. Dissertation from UC Davis: Electrical Characterization and Conductance Enhancement of DNA Origami Nanowires for DNA-Based Electronics.</p>
                            <a href="https://escholarship.org/uc/item/3vj3x3sw" target="_blank" class="project-link">View Dissertation</a>
                        </div>
                    </article>

                </div>
            </div>
        </section>

        <section id="contact" class="contact-section">
            <div class="container">
                <div class="row">
                    <h2>Get In Touch</h2>
                    <p>Have a question or want to work together? Feel free to reach out!</p>
                </div>
            </div>
        </section>

    </main>

    <footer class="site-footer">
        <div class="container">
            <div class="social-links">
                <a href="https://github.com/jonmarrs">GitHub</a>
                <a href="https://www.linkedin.com/in/jdmarrs/">LinkedIn</a>
            </div>
            <p>&copy; 2026 Jon Marrs. All Rights Reserved.</p>
        </div>
    </footer>

    <script>
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                document.querySelector(this.getAttribute('href')).scrollIntoView({
                    behavior: 'smooth'
                });
            });
        });
    </script>

</body>

</html>