diff --git a/content/about.md b/content/about.md index 08bccab..d396aeb 100644 --- a/content/about.md +++ b/content/about.md @@ -5,28 +5,18 @@ title = "About Ariejan" -I'm Ariejan de Vroom and I'm a software engineer. My focus is on back-end systems -using Ruby, Ruby on Rails and Go. In my free time I like to play the piano and -experiment with electronics. +Hey! I'm a software engineer building rock solid back-end systems +using Ruby, Ruby on Rails and Golang. In my free time I like to +play the piano and experiment with electronics. -I live in [Son en Breugel, the Netherlands][1] with my wife and son and I'm currently -working at [Kabisa][3]. +This site is static HTML, generated by [Hugo][11]. The theme and content are copyrighted, so there's no public code. -I am available for development, consulting and training. Please get in touch. + -Check me out on [Twitter][4], [Github][6] or [LinkedIn][5] to get to know me a bit better. - -Want to ask me a question? [Get in touch right now][10] - -This site is static HTML, generated by [Hugo][11]. The theme and content are copyrighted, so there's -no public code. - -[1]: https://www.google.nl/maps/place/Son+en+Breugel/@51.5928283,4.2716786,6z/data=!4m2!3m1!1s0x47c6de5ca934b9d9:0x6259d7f97b28e465?hl=nl -[3]: http://kabisa.nl/ -[4]: http://twitter.com/ariejan -[5]: http://www.linkedin.com/in/ariejan -[6]: https://github.com/ariejan -[8]: mailto:ariejan@ariejan.net -[9]: /gpg -[10]: /contact [11]: http://gohugo.io/ diff --git a/themes/outerspace/layouts/_default/single.html b/themes/outerspace/layouts/_default/single.html index 4608fc4..a499663 100644 --- a/themes/outerspace/layouts/_default/single.html +++ b/themes/outerspace/layouts/_default/single.html @@ -17,6 +17,34 @@ {{ .Content }} + {{ if eq .Section "posts" }} +
+ + + +

About

+ +

+ Hey! I'm a software engineer building rock solid back-end systems + using Ruby, Ruby on Rails and Golang. In my free time I like to + play the piano and experiment with electronics. +

+ +

+ I'd love to hear your questions and comments on this article: just + mention me on twitter or dispatch an email. + Cheers! +

+ + +
+ {{ end }} {{ if eq .Section "posts" }}
diff --git a/themes/outerspace/layouts/partials/header.html b/themes/outerspace/layouts/partials/header.html index 7349c19..2afa218 100644 --- a/themes/outerspace/layouts/partials/header.html +++ b/themes/outerspace/layouts/partials/header.html @@ -22,6 +22,8 @@ + + @@ -34,7 +36,7 @@
  • talks
  • gpg
  • about
  • -
  • contact
  • +
  • contact
  • diff --git a/themes/outerspace/static/css/outerspace.css b/themes/outerspace/static/css/outerspace.css index 9158271..30d86f2 100644 --- a/themes/outerspace/static/css/outerspace.css +++ b/themes/outerspace/static/css/outerspace.css @@ -172,6 +172,52 @@ img.avatar { margin-left: 1em; } +.about { + background-color: #f9f9f9; + padding: 2em; + margin-bottom: 2em; +} + +.about img.avatar { + width: 6.4em; + float: left; + margin: 3em 2em 2em 0; + border: 5px solid #fff; + border-radius: 50%; +} + +.about p, +.about ul, +.about h4 { + margin-left: 9em; +} + +.about h4 { + text-align: center; + padding-bottom: 1em; +} + +ul#social { + list-style: none; + text-align: center; + margin-bottom: 0; +} + +ul#social li { + font-size: 1.4em; + list-style: none; + padding: 0 0.2em; + display: inline-block; +} + +ul#social li a { + color: #696969; +} + +.body ul#social { + text-align: left; +} + @media (min-width: 720px) { body { font-size: 16px; @@ -192,3 +238,15 @@ img.avatar { } } +@media (max-width: 720px) { + .about img.avatar { + display: none; + } + + .about p, + .about ul, + .about h4 { + margin-left: 0; + } +} +