diff --git a/hi.png b/hi.png deleted file mode 100644 index 0b4ac01..0000000 Binary files a/hi.png and /dev/null differ diff --git a/index.html b/index.html index 10380ca..da3140f 100644 --- a/index.html +++ b/index.html @@ -1,23 +1,30 @@ - - - - 🍕 - - -
-
-
- -
-

Oh, hey.

-

My name is Marc, and I'm into well-crafted code, opensource anything and DIY everything.

-

Right now, I organize and host the Toronto Open Source Community meetups (on hold until COVID subsides... :(), I take care of Open Source and write some neat code at Top Hat.

-

The bulk of my current work is split between React and Django, but I am also interested in all things infrastructure, performance and scalability. I'm open to everything, really.

-

I also make pretty good sourdough. 🍞

-
-

Ping me on Github, on LinkedIn or via email at mcat [at] riseup.net, I'd love to chat.

-
-
- + + + + + 🍕 + + +
+
+ +
+
+

Oh, hey.

+

My name is Marc, I'm an engineering lead based in Ottawa, ON and I'm into well-crafted code, opensource anything and DIY everything.

+

Right now, I manage and lead a team that develops and maintains the + core services that power content at + Top Hat, help push Top Hat + Open Source forward and fiddle with code in my free time.

+

The bulk of my current work revolves around infrastructure, + Django/FastAPI backend services, and leveling up awesome + people.

+

I also dabble in Typescript and React.

+

I also make pretty good sourdough. 🍞

+
+

Ping me on Github, on LinkedIn or via email at mcat [at] riseup.net, I'd love to chat.

+
+
+ diff --git a/me.png b/me.png new file mode 100644 index 0000000..129365c Binary files /dev/null and b/me.png differ diff --git a/styles.css b/styles.css index 4c2a1de..af237c2 100644 --- a/styles.css +++ b/styles.css @@ -1,8 +1,52 @@ -html, body { background-color: #fdfdfd; margin: 0; font-family: 'Open Sans', sans-serif; font-size: 18px; } -main { height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center; } +html, body { + background-color: #fdfdfd; + margin: 0; + font-family: 'Open Sans', sans-serif; + font-size: 18px; +} + +main { + height: 100vh; + width: 100vw; + display: flex; + justify-content: center; + align-items: center; +} + main p { line-height: 1.5; } -main > section { width: 80%; max-width: 800px; } + +main > * { + width: 50%; + max-width: 500px; +} + +img { width: 100%; } + h1 { text-align: center; } -main > section > figure { display: flex; align-items: center; flex-direction: column; } + +main > section > figure { + display: flex; + align-items: center; + justify-content: center; +} + a { font-weight: bold; } -strong, a { color: #1a82c1; } + +strong, a, hr { color: #a25c29; } + +hr { border-style: dashed; } + +@media only screen and (max-width: 600px) { + main { + height: 100vh; + width: 100vw; + display: flex; + align-items: center; + flex-direction: column; + justify-content: normal; + } + + main > * { + width: 80%; + } +}