wip: still needs project links

This commit is contained in:
Marc Cataford 2019-07-18 23:46:14 -04:00
parent 48686ca5ca
commit acc8f1f8b1
3 changed files with 25 additions and 5 deletions

BIN
hi.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

View file

@ -1,11 +1,23 @@
<html>
<head>
<title>Marc needs to update this thing</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=block" rel="stylesheet">
<link href="styles.css" rel="stylesheet" />
<title>🍕</title>
</head>
<body>
<p>This is outdated and will update updated soon, I swear. :)</p>
<p>In the meantime, reach out at c.marcandre [a] gmail [dot] com</p>
<main>
<section>
<figure>
<img src="hi.png"/>
</figure>
<h1>Oh, hey.</h1>
<p>My name is <strong>Marc</strong>, and I'm into <strong>well-crafted code</strong>, <strong>opensource anything</strong> and <strong>DIY everything</strong>.</p>
<p>Right now, I help organize the <a href="https://www.meetup.com/meetup-group-SHWjhLkX/">Toronto Open Source Community meetups</a>, I take care of the <a href="https://opensource.tophat.com">Open Source initiative</a> and write some neat code at <a href="https://www.tophat.com">Top Hat</a>. I'm passionate about keeping things simple (or trying to) and making things from scratch.</p>
<p>Stack-wise, I like <strong>React</strong> and <strong>Django</strong> and I am interested in all things infrastructure, ETL (Airflow is a blast), analytics and code performance. I'm open to everything, really.</p>
<p>Oh, and I make pretty good sourdough. 🍞</p>
<hr>
<p>Ping me on Twitter (<a href="https://www.twitter.com/marccataford">@marccataford</a>), on Github (<a href="https://www.github.com/mcataford">mcataford</a>), on <a href="www.linkedin.com/in/marccataford">LinkedIn</a> or via email at mcat [at] riseup.net, I'd love to chat.</p>
</section>
</main>
</body>
</html>

8
styles.css Normal file
View file

@ -0,0 +1,8 @@
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; }
h1 { text-align: center; }
main > section > figure { display: flex; align-items: center; flex-direction: column; }
a { font-weight: bold; }
strong, a { color: #1a82c1; }