Skip to content

Commit

Permalink
Add two projects, update styles
Browse files Browse the repository at this point in the history
  • Loading branch information
alexjdean committed Jul 9, 2024
1 parent a389ea7 commit 4185804
Show file tree
Hide file tree
Showing 4 changed files with 91 additions and 86 deletions.
3 changes: 2 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
.DS_Store
.DS_Store
values.html
48 changes: 48 additions & 0 deletions engineering.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles/index.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alex Dean</title>
</head>

<body>

<div class="front-page">
<div class="page-navigation">
<a href="engineering.html">Engineering</a> <br/>
</div>

<div class="page-description">
<h1>Alex Dean</h1>
<a href="index.html">Back</a>

<p>What follows is a list of my personal projects. This list is ordered from most to
least recent.</p>

<ul>
<li>
<strong>Generative Documentation & Testing</strong>: NPM package that
functions as a CLI tool using the GPT 3.5 API to improve your JavaScript and
TypeScript code. It helps you write better code by automatically generating
documentation, refactoring code to improve performance and maintainability,
adding unit tests using Jest, and converting JavaScript code to TypeScript.
At its peak, the package had about 700 weekly downloads. You can see the
<a href="https://github.com/alexjdean/type-scriptor">GitHub page</a>.
</li>
<li>
<strong>Generative Satire</strong>: Automated satirical news site monitoring
recent events and generating Onion-style articles using LLMs; At its peak,
the site had a viewership of about 1500 people per week. The application was
built using a React frontend and a Node.js backend, with articles stored on a
Firebase Realtime Database and multiple APIs used for image and content
generation. The site is hosted on Google Cloud. You can see the
<a href="https://chicagomoontimes.com/">website</a> and
<a href="https://github.com/alexjdean/chicagomoontimes.com">GitHub page</a>.
</li>
</ul>
</div>
</div>
</body>
</html>
109 changes: 26 additions & 83 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,91 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<script src="https://kit.fontawesome.com/b68693d78a.js" crossorigin="anonymous"></script>

<link rel="stylesheet" media="screen" href="https://fontlibrary.org//face/d-din" type="text/css"/>
<link rel="stylesheet" href="styles/styles.css">
<link rel="stylesheet" href="styles/index.css">
<link rel="icon" type="image/x-icon" href="images/favicon.ico">

<title>Home • Alexander Dean</title>
</head>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NDP03MMWK8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alex Dean</title>
</head>

gtag('config', 'G-NDP03MMWK8');
</script>

<body>
<nav class="navigation">
<div class="menu" id="myMenu">
<a class="name" href="index.html">Alexander <br> Dean</a><br>

<!-- Routes displayed in navigation bar -->
<!-- <a class="route" href="software.html">Software</a><br>
<a class="route" href="research.html">Research</a><br> -->
<!-- <a class="route" href="democracy.html">Democracy</a> -->

<!-- <a href="javascript:void(0);" class="display-bars" onclick="triggerMenu()">
<i class="fa fa-bars"></i>
</a> -->
</div>

<!-- Social icons displayed only on desktop footer, hidden on mobile -->
<footer class="desktop-footer">
<a href="https://github.com/alexjdean"><i class="social-icon fa-brands fa-github"></i></a>
<a href="https://www.linkedin.com/in/alex-j-dean"><i class="social-icon fa-brands fa-linkedin"></i></a>
<a href="https://scholar.google.com/citations?user=Z9zyFCoAAAAJ"><i class="social-icon fa-brands fa-google"></i></a><br>
<body>

<div class="front-page">
<div class="page-navigation">
<a href="engineering.html">Engineering</a> <br/>
</div>

<div class="page-description">
<h1>Alex Dean</h1>

Alexander Dean &copy; <script>document.write(new Date().getFullYear())</script>
</footer>
</nav>

<main class="content">
<div>
<figure class="image-block">
<img src="images/me.png" alt="Alexander Dean" class="image-myself">
<figcaption class="caption">Me at the Garfield Park Conservatory, March 2023.</figcaption>
</figure>
</div>

<div class="description">
<p>
Hi! I'm Alex.
</p>
<p>
I'm a software engineer interested in distributed systems, natural language processing, and reinforcement learning.
</p>
<p>
I'm currently at <a href="https://capitalone.com/">Capital One</a>, where I build and deploy large-scale distributed machine learning systems, particularly in the context of preventing <a href="https://en.wikipedia.org/wiki/Credit_card_fraud">credit card fraud</a>. These days, my focus is on building One Hallway, a new microservice to reform the disputes and fraud intake process for call agents.
</p>
<p>
I studied math and computer science at the <a href="https://cs.illinois.edu/">University of Illinois Urbana-Champaign</a>, where I did research in graph theory, combinatorics, number theory, and theoretical computer science. In my spare time, I enjoy reading, traveling, trying new things, and meeting new people.
</p>
<p>
To see my programming projects, visit my <a href="https://github.com/alexanderjdean">GitHub</a>. For a copy of my resume, click <a href="util/resume_aug2023.pdf">here</a>. You can contact me at alex [at] this domain name.
</p>
</div>

<!-- Social icons displayed only on mobile & tablet footer, hidden on desktop -->
<footer class="mobile-footer">
<div class="social-icons">
<a href="https://github.com/alexanderjdean"><i class="social-icon fa-brands fa-github"></i></a>
<a href="https://www.linkedin.com/in/alexjacobdean"><i class="social-icon fa-brands fa-linkedin"></i></a>
<a href="https://twitter.com/alexanderjdean"><i class="social-icon fa-brands fa-twitter"></i></a>
<a href="https://scholar.google.com/citations?user=Z9zyFCoAAAAJ"><i class="social-icon fa-brands fa-google"></i></a><br>
<p>I'm a software engineer interested in large-scale distributed machine learning
systems. I studied computer science at the University of Illinois
Urbana-Champaign.</p>

<p>At Capital One, I work on developing and deploying NLP models for call
intent prediction, transcription, and sentiment analysis. I strongly believe in
the power of self-directed personal projects to expand your abilities. For more
information, see <a href="engineering.html">my projects</a> and
<a href="https://github.com/alexjdean">my GitHub</a>.</p>

<p>You can reach me at dean.alex.contact [at] gmail [dot] com.</p>
</div>
</footer>
</main>

<script src="js/triggerMenuBar.js"></script>
</body>
</div>
</body>
</html>
17 changes: 15 additions & 2 deletions styles/index.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,18 @@
.front-page {
width: 700px;
margin: 0 auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 25px;
display: flex;
}

.page-description {
flex: 5;
}

.page-navigation {
padding-top: 2.5%;
flex: 1;
}

0 comments on commit 4185804

Please sign in to comment.