Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
57 commits
Select commit Hold shift + click to select a range
029edee
Update CNAME
chris480 May 17, 2016
e78889d
Header, CSS, JS erros fixed
May 18, 2016
260b6d2
Moving files into public
Jul 30, 2016
f905b54
Create vGVMA9pUFZ4A2L5Q3KIFkVEOlC5uaa85X9duL9Squzg
chris480 Jul 31, 2016
eda9b24
Create _BKejqqCNYB8PT4siEYMusNuYQMa6CKrJMUD8WbB5BE
chris480 Jul 31, 2016
ebc4940
Create index.html
chris480 Jul 31, 2016
89718ec
Editted Resumed PDF
Dec 7, 2016
4e33cfb
updated files
Dec 15, 2016
f986ceb
Optimized two images
Dec 15, 2016
ed576c6
Merge branch 'master' of https://github.com/chris480/chris480.github.io
Dec 15, 2016
9fa350b
Updated Resume files. Optimized file size.
Dec 15, 2016
febe59d
Fixed folder structure
Dec 15, 2016
e6100ae
Rebuilt is latest build of Material css. Fixed https hyperlink issue
Jan 13, 2017
47ebdd9
Updated some old images
Jan 23, 2017
d20f079
Modified contact info and updated resume files. Rebuilt hugo files.
May 15, 2017
345360d
Fixed broken links. Updated some material design styles. Rebuilt hugo…
Jun 17, 2017
3e9463f
Updated with Hackathon project
Jun 25, 2018
23c69fd
Updated resume section of portfolio
Aug 5, 2018
11317fb
Fixed background repeat
Aug 9, 2018
a6f5bb5
Overhaul of portfolio.
Nov 25, 2019
5a5dc96
Update index.html
chris480 Jun 1, 2020
fa54c99
Update index.html
chris480 Jun 1, 2020
0022bfd
Update: Responsive styles fixes. Resume file swapped.
Jul 17, 2020
adb2089
Update Navigation, styling, misc QOL changes
Oct 9, 2021
11ba4b8
SVG fix
Oct 22, 2021
37e3869
SVG translate position alignments
Oct 22, 2021
3b2f45e
Updated resume pdf
Oct 5, 2023
ddf7a01
Added: Blue Origin portoflio page, favicon. Misc. update to homepage
Oct 11, 2023
f8d335e
Update: resume pdf
Oct 11, 2023
f05ba66
release: hugo build pages
Oct 11, 2023
87dcc6c
Update: resume changes
Oct 13, 2023
8a84e60
Update: metadata, descriptions, og tags
Oct 23, 2023
eee8a32
fix: typo in resume
chris480 Nov 16, 2023
4e12c30
Fixed: added back in figure images
Nov 17, 2023
1d3f70f
Update: resume rebuilt to be more semantically correct
Nov 19, 2023
a7fa153
Update: resume format and spacing changes
Nov 19, 2023
acf5cbb
Fixed: output typo
Nov 29, 2023
13ffa61
Fix: resume formating and export issue
Nov 30, 2023
a6c0733
Updated: portfolio page hero images and styling
Dec 31, 2023
723f0df
Fix: resume pdf keeps resetting to a previous version for some reason
Jan 1, 2024
4094115
Update: resume pdf
Jan 17, 2024
79b1ad2
Update: resume with latest exp and lang
Mar 28, 2024
a079bd2
Update: Resume objective text and added hobbies
Apr 23, 2024
6efa4a4
Update: Rebuilt resume again, following updated ATS advice and other …
Apr 29, 2024
2fed58a
Fix: format tweak
Apr 29, 2024
0cafcca
Fix: pdf format export issues
Apr 29, 2024
6a6a337
Update: Latest resume pdf.
Feb 8, 2025
3bee572
Update: Major changes to content and styling
Jun 16, 2025
ad79b6e
Update: push hugo build changes
Jun 16, 2025
04b3fb8
Fixed: contact formspree field POST
Jun 16, 2025
3e26619
Update: replaced resume with updated one
Jun 18, 2025
61eb976
Update: favicon
Jun 18, 2025
71ec750
Added: favicon to images dir
Jun 18, 2025
e60b3bd
Update: image quality and text of Actuate portfolio piece, border rad…
Jun 19, 2025
799436e
Added: cloudlfare web analytics
Jun 21, 2025
fe3f685
Update: swapped Cloudflare for Google Analytics
Jun 23, 2025
aabf071
Fix: Portfolio page not rendering bug, rebuilt pages
Aug 5, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 24 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
resume/cover letters/
resume/Amplify-SaaS-Case study-Chris Nguyen.pptx
resume/Christopher-Le-Nguyen-Aurora-Resume.pdf
resume/Christopher-Le-Nguyen-BD-Resume.pdf
resume/Christopher-Le-Nguyen-Data-Entry-Resume.pdf
resume/Christopher-Le-Nguyen-Kuiper-Resume.pdf
resume/Christopher-Le-Nguyen-Meta-Product-Designer-Resume.docx
resume/Christopher-Le-Nguyen-Meta-Product-Designer-Resume.pdf
resume/Christopher-Le-Nguyen-Meta-Prototyper-Resume.pdf
resume/Christopher-Le-Nguyen-Nintendo-Resume.pdf
resume/Christopher-Le-Nguyen-Resume.docx
resume/Christopher-Le-Nguyen-Tmo-Sr-Prod-Design-Resume.pdf
resume/Christopher-Le-Nguyen-TPM-Resume.pdf
resume/Christopher-Le-Nguyen-UW-Resume.pdf
resume/Christopher-Le-Nguyen-UX-Edu-Resume.pdf
resume/Christopher-Le-Nguyen-UX-PM-Resume.pdf
resume/Christopher-Le-Nguyen-UX-WeedMaps-Resume.pdf
resume/christopher-nguyen-resume-robert-half.pdf
resume/edited_Christopher-Le-Nguyen-Resume.pdf
resume/gpt.pdf
resume/Japanese_Crest_Ume.svg
resume/KakulaWarrenAll28.pptx
resume/SNOW flow.jam
resume/UX-Design-Chris-Le-Nguyen-Resume.pdf
9 changes: 9 additions & 0 deletions .gitlab-ci.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
pages:
stage: deploy
script:
- echo 'Nothing to do...'
artifacts:
paths:
- public
only:
- master
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@

1 change: 1 addition & 0 deletions .well-known/acme-challenge/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
nothing to see
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@

2 changes: 1 addition & 1 deletion CNAME
Original file line number Diff line number Diff line change
@@ -1 +1 @@
christopher-nguyen.com
christopher-nguyen.com
109 changes: 28 additions & 81 deletions about/index.html
Original file line number Diff line number Diff line change
@@ -1,44 +1,34 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta name="generator" content="Hugo 0.15" />

<link rel="icon" type="image/png" href="/images/favicon.ico">
<meta name="generator" content="Hugo 0.88.1" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Seattle UX Designer">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About Me</title>
<meta name="author" content="Christopher Nguyen">
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="images/touch/chrome-touch-icon-192x192.png">
<meta name="msapplication-TileColor" content="#3372DF">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en"/>
<link rel="stylesheet" href="/css/tiny/material.min.css"/>
<link rel="stylesheet" href="/css/ionicons2.min.css"/>
<meta name="description" property="og:description" content="Leading Beyond Pixels. Christopher Nguyen's portfolio with case studies of top product leadership.">
<meta name="image" property="og:image" content="/images/og.png">
<link rel="icon" type="image/x-icon" href="/images/favicon.svg">
<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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/tiny/styles.css"/>


<script async src="https://www.googletagmanager.com/gtag/js?id=G-DKBJMSEW0B"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-DKBJMSEW0B');
</script>
</head>
<body>

<div class="hugo-blog hugo-blog--blogpost mdl-layout mdl-js-layout has-drawer is-upgraded">



<header class="mdl-layout__header mdl-layout__header--transparent mdl-layout__header--scroll">
<div class="mdl-layout__header-row">

<div class="mdl-layout-spacer"></div>

<nav class="mdl-navigation">
<a class='mdl-navigation__link ' href="/">Home</a>
<a class='mdl-navigation__link ' href="/resume">Resume</a>
<a class='mdl-navigation__link ' href="/portfolio">Portfolio</a>
<a class='mdl-navigation__link active' href="/about">About</a>
</nav>
</div>
</header>

<main class="mdl-layout__content">
<a href="#main" class="skip-link">Skip to main content</a>

<div class="hugo-blog__posts mdl-grid about">
<div class="mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col">
Expand All @@ -56,67 +46,24 @@ <h6>Full of liquid sunshine</h6>
</div>

<div class="hugo-content">


<p>I&rsquo;m a Seattle based UX Designer and Web Developer. I have many years under my belt working in various areas, from mom and pop shops to enterprise projects. If you are in need of Design or Development, please do reach out to me.</p>

<h4 id="contact-me:6083a88ee3411b0d17ce02d738f69d47">Contact Me</h4>

<p><i class="material-icons_lg icon ion-social-whatsapp-outline"></i> Phone#: <a href="tel:4256868641">425-686-8641</a> <br>
<i class="material-icons_lg icon ion-email"></i> Email: <a href="mailto:[email protected]">[email protected]</a></p>

<form action="https://formspree.io/[email protected]" method="POST">
<div class="mdl-textfield">
<input class="mdl-textfield__input" type="text" name="name" required>
<span class="highlight"></span>
<span class="bar"></span>
<label class="mdl-textfield__label" for="name">Name</label>
</div>
<div class="mdl-textfield" >
<input class="mdl-textfield__input" type="email" name="_replyto" required>
<span class="highlight"></span>
<span class="bar"></span>
<label class="mdl-textfield__label" for="_replyto">Email</label>
</div>
<div class="mdl-textfield">
<textarea class="mdl-textfield__input" name="message" rows="5" placeholder="Your message"></textarea>
</div>
<div>
<input class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" type="submit" value="Send">
</div>
</form>
<p>I&rsquo;m a Seattle based UX Designer and Technologist. I have many years under my belt working in various areas, from mom and pop shops to enterprise projects. If you are in need of Design or Development, please do reach out to me.</p>
<h4 id="contact-me">Contact Me</h4>
<p><!-- raw HTML omitted --><!-- raw HTML omitted --> Phone#: <!-- raw HTML omitted -->425-686-8641<!-- raw HTML omitted --> <!-- raw HTML omitted -->
<!-- raw HTML omitted --><!-- raw HTML omitted --> Email: <!-- raw HTML omitted --><a href="mailto:[email protected]">[email protected]</a><!-- raw HTML omitted --></p>
<!-- raw HTML omitted -->


</div>
</div>

</div>
</div>
<footer class="mdl-mini-footer">
<div class="mdl-mini-footer--left-section">
<a class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon mdl-mini-footer--social-btn social-btn" href="mailto:[email protected]?subject=Hi">
<i class="material-icons_lg icon ion-email"></i>
<span class="visuallyhidden">Email</span>
</a>
<a class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon mdl-mini-footer--social-btn social-btn" href="https://github.com/chris480/">
<i class="material-icons_lg icon ion-social-github"></i>
<span class="visuallyhidden">Github</span>
</a>
<a class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon mdl-mini-footer--social-btn social-btn" href="https://www.linkedin.com/in/clnguyen">
<i class="material-icons_lg icon ion-social-linkedin"></i>
<span class="visuallyhidden">Linkedin</span>
</a>
</div>
<div class="mdl-mini-footer--right-section">
<span>© 2016 Christopher Nguyen</span>
</div>

<footer>
<span>© Christopher Nguyen</span>
</footer>
</main>
<div class="mdl-layout__obfuscator"></div>
</div>
<script src="/js/material.build.min.js"></script>



</body>
</html>

21 changes: 9 additions & 12 deletions categories/about/index.html
Original file line number Diff line number Diff line change
@@ -1,16 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<meta name="generator" content="Hugo 0.15" />

<link rel="icon" type="image/png" href="/images/favicon.ico">
<meta name="generator" content="Hugo 0.23" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Seattle UX Designer">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About</title>
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="images/touch/chrome-touch-icon-192x192.png">
<meta name="msapplication-TileColor" content="#3372DF">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en"/>
<link rel="stylesheet" href="/css/tiny/material.min.css"/>
Expand All @@ -30,9 +27,9 @@

<nav class="mdl-navigation">
<a class='mdl-navigation__link ' href="/">Home</a>
<a class='mdl-navigation__link ' href="/resume">Resume</a>
<a class='mdl-navigation__link ' href="/portfolio">Portfolio</a>
<a class='mdl-navigation__link ' href="/about">About</a>
<a class='mdl-navigation__link ' href="/resume/">Resume</a>
<a class='mdl-navigation__link ' href="/portfolio/">Portfolio</a>
<a class='mdl-navigation__link ' href="/about/">About</a>
</nav>
</div>
</header>
Expand All @@ -46,9 +43,9 @@

<nav class="mdl-navigation">
<a class='mdl-navigation__link ' href="/">Home</a>
<a class='mdl-navigation__link ' href="/resume">Resume</a>
<a class='mdl-navigation__link ' href="/portfolio">Portfolio</a>
<a class='mdl-navigation__link ' href="/about">About</a>
<a class='mdl-navigation__link ' href="/resume/">Resume</a>
<a class='mdl-navigation__link ' href="/portfolio/">Portfolio</a>
<a class='mdl-navigation__link ' href="/about/">About</a>
</nav>
</div>
</header>
Expand All @@ -61,7 +58,7 @@ <h3>Generic List Heading</h3>

<footer class="mdl-mini-footer">
<div class="mdl-mini-footer--left-section">
<a class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon mdl-mini-footer--social-btn social-btn" href="mailto:[email protected]?subject=Hi">
<a class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon mdl-mini-footer--social-btn social-btn" href="mailto:[email protected]?subject=Hi">
<i class="material-icons_lg icon ion-email"></i>
<span class="visuallyhidden">Email</span>
</a>
Expand All @@ -75,7 +72,7 @@ <h3>Generic List Heading</h3>
</a>
</div>
<div class="mdl-mini-footer--right-section">
<span>© 2016 Christopher Nguyen</span>
<span>© 2018 Christopher Nguyen</span>
</div>
</footer>
</main>
Expand Down
57 changes: 18 additions & 39 deletions categories/about/index.xml
Original file line number Diff line number Diff line change
@@ -1,51 +1,30 @@
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>About on Christopher Nguyen - UX Designer</title>
<link>http://christopher-nguyen.com/categories/about/</link>
<description>Recent content in About on Christopher Nguyen - UX Designer</description>
<title>about on Christopher Nguyen - Designer</title>
<link>https://christopher-nguyen.com/categories/about/</link>
<description>Recent content in about on Christopher Nguyen - Designer</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<lastBuildDate>Tue, 18 Aug 2015 00:00:00 +0000</lastBuildDate>
<atom:link href="http://christopher-nguyen.com/categories/about/index.xml" rel="self" type="application/rss+xml" />
<lastBuildDate>Sun, 18 Aug 2019 00:00:00 +0000</lastBuildDate><atom:link href="https://christopher-nguyen.com/categories/about/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Portfolio</title>
<link>https://christopher-nguyen.com/portfolio/</link>
<pubDate>Sun, 18 Aug 2019 00:00:00 +0000</pubDate>

<guid>https://christopher-nguyen.com/portfolio/</guid>
<description></description>
</item>

<item>
<title>About Me</title>
<link>http://christopher-nguyen.com/about/</link>
<link>https://christopher-nguyen.com/about/</link>
<pubDate>Tue, 18 Aug 2015 00:00:00 +0000</pubDate>

<guid>http://christopher-nguyen.com/about/</guid>
<description>

&lt;p&gt;I&amp;rsquo;m a Seattle based UX Designer and Web Developer. I have many years under my belt working in various areas, from mom and pop shops to enterprise projects. If you are in need of Design or Development, please do reach out to me.&lt;/p&gt;

&lt;h4 id=&#34;contact-me:6083a88ee3411b0d17ce02d738f69d47&#34;&gt;Contact Me&lt;/h4&gt;

&lt;p&gt;&lt;i class=&#34;material-icons_lg icon ion-social-whatsapp-outline&#34;&gt;&lt;/i&gt; Phone#: &lt;a href=&#34;tel:4256868641&#34;&gt;425-686-8641&lt;/a&gt; &lt;br&gt;
&lt;i class=&#34;material-icons_lg icon ion-email&#34;&gt;&lt;/i&gt; Email: &lt;a href=&#34;mailto:[email protected]&#34;&gt;[email protected]&lt;/a&gt;&lt;/p&gt;

&lt;form action=&#34;https://formspree.io/[email protected]&#34; method=&#34;POST&#34;&gt;
&lt;div class=&#34;mdl-textfield&#34;&gt;
&lt;input class=&#34;mdl-textfield__input&#34; type=&#34;text&#34; name=&#34;name&#34; required&gt;
&lt;span class=&#34;highlight&#34;&gt;&lt;/span&gt;
&lt;span class=&#34;bar&#34;&gt;&lt;/span&gt;
&lt;label class=&#34;mdl-textfield__label&#34; for=&#34;name&#34;&gt;Name&lt;/label&gt;
&lt;/div&gt;
&lt;div class=&#34;mdl-textfield&#34; &gt;
&lt;input class=&#34;mdl-textfield__input&#34; type=&#34;email&#34; name=&#34;_replyto&#34; required&gt;
&lt;span class=&#34;highlight&#34;&gt;&lt;/span&gt;
&lt;span class=&#34;bar&#34;&gt;&lt;/span&gt;
&lt;label class=&#34;mdl-textfield__label&#34; for=&#34;_replyto&#34;&gt;Email&lt;/label&gt;
&lt;/div&gt;
&lt;div class=&#34;mdl-textfield&#34;&gt;
&lt;textarea class=&#34;mdl-textfield__input&#34; name=&#34;message&#34; rows=&#34;5&#34; placeholder=&#34;Your message&#34;&gt;&lt;/textarea&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;input class=&#34;mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect&#34; type=&#34;submit&#34; value=&#34;Send&#34;&gt;
&lt;/div&gt;
&lt;/form&gt;
</description>
<guid>https://christopher-nguyen.com/about/</guid>
<description>I&amp;rsquo;m a Seattle based UX Designer and Technologist. I have many years under my belt working in various areas, from mom and pop shops to enterprise projects. If you are in need of Design or Development, please do reach out to me.
Contact Me Phone#: 425-686-8641Email: mail@christopher-nguyen.</description>
</item>

</channel>
</rss>
</rss>
21 changes: 9 additions & 12 deletions categories/bio/index.html
Original file line number Diff line number Diff line change
@@ -1,16 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<meta name="generator" content="Hugo 0.15" />

<link rel="icon" type="image/png" href="/images/favicon.ico">
<meta name="generator" content="Hugo 0.23" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Seattle UX Designer">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bio</title>
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="images/touch/chrome-touch-icon-192x192.png">
<meta name="msapplication-TileColor" content="#3372DF">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en"/>
<link rel="stylesheet" href="/css/tiny/material.min.css"/>
Expand All @@ -30,9 +27,9 @@

<nav class="mdl-navigation">
<a class='mdl-navigation__link ' href="/">Home</a>
<a class='mdl-navigation__link ' href="/resume">Resume</a>
<a class='mdl-navigation__link ' href="/portfolio">Portfolio</a>
<a class='mdl-navigation__link ' href="/about">About</a>
<a class='mdl-navigation__link ' href="/resume/">Resume</a>
<a class='mdl-navigation__link ' href="/portfolio/">Portfolio</a>
<a class='mdl-navigation__link ' href="/about/">About</a>
</nav>
</div>
</header>
Expand All @@ -46,9 +43,9 @@

<nav class="mdl-navigation">
<a class='mdl-navigation__link ' href="/">Home</a>
<a class='mdl-navigation__link ' href="/resume">Resume</a>
<a class='mdl-navigation__link ' href="/portfolio">Portfolio</a>
<a class='mdl-navigation__link ' href="/about">About</a>
<a class='mdl-navigation__link ' href="/resume/">Resume</a>
<a class='mdl-navigation__link ' href="/portfolio/">Portfolio</a>
<a class='mdl-navigation__link ' href="/about/">About</a>
</nav>
</div>
</header>
Expand All @@ -61,7 +58,7 @@ <h3>Generic List Heading</h3>

<footer class="mdl-mini-footer">
<div class="mdl-mini-footer--left-section">
<a class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon mdl-mini-footer--social-btn social-btn" href="mailto:[email protected]?subject=Hi">
<a class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon mdl-mini-footer--social-btn social-btn" href="mailto:[email protected]?subject=Hi">
<i class="material-icons_lg icon ion-email"></i>
<span class="visuallyhidden">Email</span>
</a>
Expand All @@ -75,7 +72,7 @@ <h3>Generic List Heading</h3>
</a>
</div>
<div class="mdl-mini-footer--right-section">
<span>© 2016 Christopher Nguyen</span>
<span>© 2018 Christopher Nguyen</span>
</div>
</footer>
</main>
Expand Down
Loading