Skip to content
Permalink
Branch: master
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
89 lines (83 sloc) 4.63 KB
---
layout: base
tags: nav
title: About Me
navtitle: About
navorder: 4
permalink: about/index.html
---
<div class="page page--about">
<header class="page__header">
<h1 class="page__title">Hey there.</h1>
</header>
<div class="page__content page__content--fullwidth">
<div class="about">
<div class="about__header">
<div class="about__photo">
<img
class="responsive-image js-responsive-image"
src="{{ '/assets/images/max-boeck-800.jpg' | url }}"
srcset="{{ '/assets/images/max-boeck-800.jpg' | url }} 800w,
{{ '/assets/images/max-boeck-1600.jpg' | url }} 1600w"
sizes="(min-width: 940px) 40vw, 100vw"
alt="Max Böck"
/>
</div>
<div class="about__intro lead">
<p>I’m Max Böck, a frontend web developer and designer based in Vienna, Austria.</p>
<p>
I've been building stuff on the web for the last 12 years, working with clients
across various countries and industries.
</p>
<p>My focus is on creating engaging, accessible &amp; performant interfaces for humans.</p>
</div>
</div>
<div class="about__content markdown">
<h2>Work</h2>
<p>
I work at <a href="https://simpleloop.com">Simpleloop</a>, a software studio in Vienna
dedicated to creating innovative digital products.
</p>
<h2>Writing</h2>
<p>
I like writing about web development and design on my blog. My articles have been featured on platforms like
<a href="https://css-tricks.com/building-skeleton-screens-css-custom-properties">CSS-Tricks</a>,
<a href="https://tympanus.net/codrops/collective/collective-425/">Codrops</a>,
<a href="https://news.ycombinator.com/item?id=15080924">Hackernews</a> and
<a href="https://drive.google.com/file/d/19rLL65jYXU6XhsZMwSj8zYAtQUIYfO1t/view?usp=sharing">net magazine</a>.
</p>
<p>Please note that I do not allow guest posts or sponsored articles here.</p>
<h2>Speaking</h2>
<p>
I’m an active member of the web development community and believe in open source culture.
I like speaking at conferences and meetups whenever I have time and something interesting to share.
</p>
<h3 class="smalltitle">Previous Topics</h3>
<ul>
<li><a href="https://noti.st/mxb/dkG7Hp/the-layouts-of-tomorrow">The Layouts of Tomorrow</a>, <small>2018</small></li>
<li>Offline-Friendly Interfaces, <small>2018</small></li>
<li><a href="https://speakerdeck.com/mxb/progressive-web-apps">Turn your Site into a PWA</a>, <small>2017</small></li>
<li><a href="https://speakerdeck.com/mxb/svg-icon-systems">SVG Icon Systems</a>, <small>2017</small></li>
<li><a href="https://speakerdeck.com/mxb/learning-to-love-bem">Learning to love BEM</a>, <small>2016</small></li>
</ul>
<p>
If you are interested in having me speak at an event, let me know.
</p>
<h2>Offline</h2>
<p>
When I am not writing code or pushing pixels, I enjoy
<a href="https://drive.google.com/open?id=1JwAXFiOfUt9J5T6XrVLBVCx_rgMMsy-3&usp=sharing">travelling</a>, trash movies and good poster art.
I also know the lyrics to any <a href="https://www.youtube.com/watch?v=oxK7rSrg5jY">Rage Against The Machine</a> song by heart.
</p>
<h2>Online</h2>
<ul class="about__social">
<li>{% icon "twitter" %}<a href="{{ author.social.twitter.url }}">Twitter</a></li>
<li>{% icon "github" %}<a href="{{ author.social.github.url }}">Github</a></li>
<li>{% icon "codepen" %}<a href="{{ author.social.codepen.url }}">CodePen</a></li>
<li>{% icon "notist" %}<a href="{{ author.social.notist.url }}">Notist</a></li>
<li>{% icon "keybase" %}<a href="{{ author.social.keybase.url }}">Keybase</a></li>
</ul>
</div>
</div>
</div>
</div>
You can’t perform that action at this time.