From 8d164188ad8f2c5876121ad3a70d2f534dfeae58 Mon Sep 17 00:00:00 2001 From: david Date: Fri, 4 Apr 2025 19:23:06 -0700 Subject: [PATCH] Major website update (#4) Co-authored-by: david Reviewed-on: https://git.dwestgate.us/david/personal-site/pulls/4 --- css/style.scss | 84 +++++++++++++++++++++++++++--- favicon.ico | Bin 0 -> 1406 bytes images/icons/education.svg | 2 + images/icons/email.svg | 19 +++++++ images/icons/gitea.svg | 4 ++ images/icons/linkedin.svg | 7 +++ images/icons/location.svg | 5 ++ images/icons/programmer.svg | 11 ++++ images/icons/resume.svg | 20 ++++++++ images/icons/rust.svg | 8 +++ images/icons/ts.svg | 4 ++ index.html | 100 ++++++++++++++++++++++++++++++------ static/resume.pdf | Bin 0 -> 116488 bytes 13 files changed, 242 insertions(+), 22 deletions(-) create mode 100644 favicon.ico create mode 100644 images/icons/education.svg create mode 100644 images/icons/email.svg create mode 100644 images/icons/gitea.svg create mode 100644 images/icons/linkedin.svg create mode 100644 images/icons/location.svg create mode 100644 images/icons/programmer.svg create mode 100644 images/icons/resume.svg create mode 100644 images/icons/rust.svg create mode 100644 images/icons/ts.svg create mode 100644 static/resume.pdf diff --git a/css/style.scss b/css/style.scss index 55f9c80..4f2568e 100644 --- a/css/style.scss +++ b/css/style.scss @@ -6,33 +6,105 @@ $text-color: #123455; body { font-family: sans-serif; background-color: $background-color; + header { nav { ul { display: flex; list-style: none; gap: 1em; - li { - } + li {} } + a { &:hover {} } } } + div { + display: flex; + flex-direction: column; + text-align: center; + justify-content: center; + align-items: center; + } + main { display: flex; flex-direction: column; text-align: center; + justify-content: center; + align-items: center; + h1 {} - p {} - img { - width: 20em; - border-radius: 50%; + h2 {} + + h3 {} + + p { + display: flex; + margin-block-start: unset; + margin-block-end: unset; } + + div.feature { + flex-direction: row; + background-color: white; + border-radius: 1em; + gap: 1em; + margin: auto; + padding: 1.5em; + + img.portriat { + width: 15em; + border-radius: 50%; + } + + div.summary { + align-items: start; + gap: 0.75em; + + div.row { + flex-direction: row; + gap: 0.5em; + + img.icon { + width: 1.5em; + } + } + + + } + } + + div.content-container { + max-width: 50em; + + // margin: auto; + + div.content-section { + + div.content-inner { + flex-flow: row wrap; + gap: 1em; + align-items: stretch; + + div.project { + background-color: white; + border-radius: 1em; + flex: 1; + padding: 0.5em; + align-content: flex-start; + justify-content: flex-start; + + } + } + } + } + } diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..5bab89e6d01c4f6122f98f07c6627db8b8ce3065 GIT binary patch literal 1406 zcmeIyxk^Jp7>405W=}jx+~SsK+~XECaZB7yW8*bg*w_hr6M_hKF1Ub}f`yGXHdX(VCi%{BAz7E?D}E9FYbvZ8>Mi+>{+?eq9`J}KDfrA8AoxOs^-7Px8{Y9j z{$vlqFDmjQe**av_{#~TCbC^FHPy>KnY(6EwT_NPwT{>-$IX4B-l)P!CEKmec+pQT zPir*T($f$zxvxeQY3G=IC{kT#a(`4+!~To{-jX(x2Vw<@=8(CLO3kEnHrwqh&d` + \ No newline at end of file diff --git a/images/icons/email.svg b/images/icons/email.svg new file mode 100644 index 0000000..e462525 --- /dev/null +++ b/images/icons/email.svg @@ -0,0 +1,19 @@ + + + + + email [#1573] + Created with Sketch. + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/icons/gitea.svg b/images/icons/gitea.svg new file mode 100644 index 0000000..1a9332a --- /dev/null +++ b/images/icons/gitea.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/images/icons/linkedin.svg b/images/icons/linkedin.svg new file mode 100644 index 0000000..02530e7 --- /dev/null +++ b/images/icons/linkedin.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/icons/location.svg b/images/icons/location.svg new file mode 100644 index 0000000..8834fbb --- /dev/null +++ b/images/icons/location.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/images/icons/programmer.svg b/images/icons/programmer.svg new file mode 100644 index 0000000..18f3099 --- /dev/null +++ b/images/icons/programmer.svg @@ -0,0 +1,11 @@ + + + + + \ No newline at end of file diff --git a/images/icons/resume.svg b/images/icons/resume.svg new file mode 100644 index 0000000..02cfef3 --- /dev/null +++ b/images/icons/resume.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/images/icons/rust.svg b/images/icons/rust.svg new file mode 100644 index 0000000..f05bd0e --- /dev/null +++ b/images/icons/rust.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/images/icons/ts.svg b/images/icons/ts.svg new file mode 100644 index 0000000..d70c2e8 --- /dev/null +++ b/images/icons/ts.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/index.html b/index.html index 1e90929..a921105 100644 --- a/index.html +++ b/index.html @@ -9,25 +9,93 @@ -

David Westgate

-
- +
+ +
+
+ Programmer Icon +

Fullstack Software Developer

+
+
+ Rust Icon +

Rust Systems Programming

+
+
+ TS Icon +

TS/JS Framework Application Programming

+
+
+ Education Icon +

M.S. Computer Science

+
+
+ Location Icon +

Portland, OR

+
+
+ Gitea Icon + Gitea +
+
+ Resumé Icon + My Resumé +
+
+ Email Icon + Email Me +
+
+ Linkedin Icon + Connect With Me +
+ +
+
+
+
+

Projects

+
+
+

Over-the-air web television

+

Watch local Portland area TV on the web!

+
+
+

Cat Tracker

+

Helping to locate my outdoor cat with radios in my neighborhood

+
+
+

Grow

+

Automated Indoor plant growing with a raspberry pi

+
+
+

Local SDR

+

Scan the local Portland airwaves with a HackRF

+
+
+

Meshtastic

+

Interface with my Meshtastic Node

+
+
+
+ +
+

Games

+
+

Space Engineers Server

+ +
+
-

Projects

-

Travel

-

Media

-

Games