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 0000000..5bab89e Binary files /dev/null and b/favicon.ico differ diff --git a/images/icons/education.svg b/images/icons/education.svg new file mode 100644 index 0000000..15e2649 --- /dev/null +++ b/images/icons/education.svg @@ -0,0 +1,2 @@ + + \ 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