From 51b5bc6129d5d18f496be42b6ca94e0ae7092651 Mon Sep 17 00:00:00 2001 From: Daniel Clark Date: Fri, 3 Nov 2023 20:57:34 -0700 Subject: [PATCH] Squashed commit of the following: commit 913b03d15f9c1d239901737691db1de730819943 Author: Daniel Clark Date: Fri Nov 3 20:55:21 2023 -0700 Finish adding About page commit ddbc3112b47e56557107db7895de3493930358d3 Author: Dan Clark Date: Fri Nov 3 18:44:26 2023 -0700 workin on adding about page --- about.html | 63 ++++++++++++++++++++++++++++++++++++++++++++++ index.html | 44 ++++++++++++++++---------------- main.css | 74 ++++++++++++++++++++++++++++++++++++++++++++++-------- 3 files changed, 148 insertions(+), 33 deletions(-) create mode 100644 about.html diff --git a/about.html b/about.html new file mode 100644 index 0000000..be5ac13 --- /dev/null +++ b/about.html @@ -0,0 +1,63 @@ + + + About Dan + + + + +
+
+ +
Dan Clark
+
Web Platform Engineer
+ +
+ + +
+
+
+
+ Hi! +
+
+ I'm Dan, an engineer at Microsoft Edge working on web standards and the web platform. +
+
+ The web is the most important, exciting, and quickly-evolving development platform + that exists today, and I'm exploring ways to make it better for users and developers. +
+
+ I've worked to help bring a number of web standards to life including + Edit Context, the + CSS Custom Highlight API, + import attributes, + CSS module scripts, and + JSON module scripts. +
+
+ This journey has involved contributions in several web standards organizations: the + CSS Working Group, + the Web Editing Working Group, the + OpenUI Community Group, TC39, + and the WHATWG. +
+
+ During this time I've been an active contributor to the Chromium Project, + with commits spanning + DOM, accessibility, CSS, JS, and editing. +
+
+ Prior to my involvement in standards, I helped to complete a + massive re-architecting + of the core of the EdgeHTML rendering engine to enable it to meet the performance demands of the modern web. +
+
+ I'm excited to continue pushing the capabilities of the web forward. Please don't hesitate to + contact me if you'd like to get involved! +
+
+ diff --git a/index.html b/index.html index cc35ff0..b2ceb11 100644 --- a/index.html +++ b/index.html @@ -7,35 +7,33 @@ -
-
-
Dan Clark
-
Web Platform Engineer
+
+
+ +
Dan Clark
+
Web Platform Engineer
+
-
+ +
-
+
+ I'm a Principal Software Engineer on the Microsoft Edge Web Platform team, working + on web standards and browser engine development. +
+
- I'm a Principal Software Engineer on the Microsoft Edge Web Platform team, interested - in web standards and browser engine development. + Learn more about me + here, or come find me at one of these places:
-
Some things I've been working on:
- -
-
Someday I might put something here. Until then, find me at the links below.
- -
diff --git a/main.css b/main.css index 2d7f59f..7205364 100644 --- a/main.css +++ b/main.css @@ -1,12 +1,18 @@ +:root { + --main-text-color: #cac7c7; + --bg-color: #202020; + --content-box-bg-color: #414141; +} + body { - background-color: #202020; - color: #cac7c7; + background-color: var(--bg-color); + color: var(--main-text-color); font-family: helvetica; font-size: 1.2em; } .content-box { - background-color: #414141; + background-color: var(--content-box-bg-color); padding: 1em; margin: 1em; border-radius: 0.5em; @@ -25,27 +31,27 @@ body { margin-bottom: 0em; } -div.titlebar-divider { +.titlebar-divider { border-bottom: 0.1em solid white; } -div.titlebar { +.titlebar { display: flex; justify-content: flex-start; align-items: center; gap: 3em; } -div.titlebar #main-title { +.titlebar #main-title { font-size: 3.5em; padding-bottom: 0.1em; } -div.titlebar #secondary-title { +.titlebar #secondary-title { font-size: 1.8em; } -div.titlebar #img-container { +.titlebar #img-container { width: 8em; height: 8em; flex-shrink: 0; /* TODO Do something better at high zoom */ @@ -55,6 +61,45 @@ div.titlebar #img-container { border-radius: 0.5em; } +.titlebar > .main-link-container { + padding: 0.5em 1em 0.5em 1em; + border-radius: 0.5em; +} + +.titlebar.content-box > .main-link-container:hover { + outline: 0.1em solid var(--main-text-color); +} + +.titlebar.content-box a { + color: var(--main-text-color); +} + +.titlebar.content-box a:hover { + text-shadow: none; + text-decoration: none; +} + +nav { + display: flex; + justify-content: flex-start; + align-items: center; + gap: 1.5em; + font-size: 1.4em; +} + +nav div { + padding: 0.35em; + border-radius: 0.3em; +} + +nav div.current { + outline: 0.1em solid var(--main-text-color); +} + +nav div:not(.current):hover { + outline: 0.05em solid var(--main-text-color); +} + .content-box a { color: rgb(155, 155, 255); text-decoration: none; @@ -63,7 +108,8 @@ div.titlebar #img-container { } .content-box a:hover { - text-shadow: #dadada 0.02em -0.05em 0.4em; + text-shadow: rgb(155, 155, 255) 0em 0em 0.1em; + text-decoration: underline; } .content-box ul { @@ -82,4 +128,12 @@ div.titlebar #img-container { .content-box li:last-child { margin-bottom: 0em; -} \ No newline at end of file +} + +#sneaky::after { + content: "microsoft.com"; +} + +#sneaky::before { + content: "daniec"; +}