diff --git a/_includes/sidebar.html b/_includes/sidebar.html new file mode 100644 index 0000000..cacd432 --- /dev/null +++ b/_includes/sidebar.html @@ -0,0 +1,8 @@ + +
Welcome to Netflux.io, the personal tech blog of Rob Watson.
+I am co-founder and CTO of Mixlr. +
You can find me on Twitter, GitHub and GitLab. +
+ +You can also subscribe to this blog via RSS.
+ diff --git a/about.md b/about.md index 593a086..f400359 100644 --- a/about.md +++ b/about.md @@ -1,6 +1,7 @@ --- layout: page title: About +sidebar: false permalink: /about/ --- diff --git a/assets/images/follow.png b/assets/images/follow.png new file mode 100644 index 0000000..1ee3f37 Binary files /dev/null and b/assets/images/follow.png differ diff --git a/assets/images/me.png b/assets/images/me.png index 9891699..88ad8e8 100644 Binary files a/assets/images/me.png and b/assets/images/me.png differ diff --git a/assets/main.scss b/assets/main.scss index 74efe12..6483eb1 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -34,6 +34,8 @@ body > header { } .site-nav { + z-index: 1; + .page-link, .page-link:visited { font-family: 'Archivo Black'; color: #fff; @@ -45,6 +47,10 @@ body > header { } } +.outer-wrapper { + box-shadow: 5px 2px 15px -4px rgba(0, 0, 0, 0.2); +} + .page-content { background: #efefef; padding-top: 0px; @@ -55,7 +61,32 @@ body > header { background: #fff; } -img.profile { - width: 400px; +.post-content p { + line-height: 2em; } +img.profile { + width: 300px; +} + +.sidebar { + line-height: 1.3em; + background: #ddd; + + img.me { + width: 140px; + border-radius: 180px; + display: block; + margin: 20px auto; + } + + a[href*=twitter] img { + width: 120px; + display: block; + margin: 25px auto; + } +} + +.share-buttons { + line-height: 1em; +}