Merge branch 'master' into pr/98

README.md

@@ -43,6 +43,24 @@ bundle install
 ```
 bundle exec jekyll serve
 ```
+
+You should see something like:
+
+```
+Configuration file: /octocat/personal-website/_config.yml
+            Source: /octocat/personal-website
+       Destination: /octocat/_site
+ Incremental build: disabled. Enable with --incremental
+      Generating...
+   GitHub Metadata: No GitHub API authentication could be found. Some fields may be missing or have incorrect data.
+                    done in 14.729 seconds.
+ Auto-regeneration: enabled for '/octocat/personal-website'
+    Server address: http://127.0.0.1:4000
+  Server running... press ctrl-c to stop.
+```
+
+Don't worry about the "No GitHub API authentication could be found" message. [API authentication is only necessary](https://github.com/jekyll/github-metadata/blob/master/docs/authentication.md) if you intend to display more detailed metadata, like a branch name.
+
 6. Now browse to [http://localhost:4000](http://localhost:4000)
 
 ### Publish
@@ -111,6 +129,8 @@ social_media:
   telegram: your_username
   twitter: your_username
   youtube: your_username
+  instagram: your_username
+  unsplash: your_username
   vk: your_username
 ```
 

_config.yml

@@ -38,6 +38,8 @@ projects:
   # telegram: your_username
   # twitter: your_username
   # youtube: your_username
+  # instagram: your_username
+  # unsplash: your_username
   # vk: your_username
 
 topics:

_data/social_media.yml

@@ -19,6 +19,11 @@ hackerrank:
   profile_url_prefix: https://www.hackerrank.com/
   icon_svg: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" height="20" xml:space="preserve" viewBox="0 0 126 139"><path xmlns="http://www.w3.org/2000/svg" d="M125.9,62.4L125.9,62.4c-0.2-13-1.2-24.7-2.9-27.6c-1.4-2.4-8.5-7.5-17.3-13.1L82.1,8C73.2,3.3,65.7,0,63,0    c-3.3,0-14,5-25.4,11.4C28.9,16.2,19.8,21.7,13,26.3C7.8,29.9,3.9,33,2.9,34.8s-1.8,6.8-2.2,13.5l0,0c-0.6,8.4-0.8,19.3-0.6,29.3    c0.3,12.7,1.2,23.9,2.8,26.7C6.9,111.1,55.1,139,63,139c3.3,0,13.5-4.8,24.6-10.9c8.8-4.8,18.1-10.5,25.1-15.2l0,0    c5.4-3.7,9.3-6.8,10.4-8.6s1.8-6.7,2.2-13.2l0,0C125.9,82.9,126.1,72.2,125.9,62.4z M91.3,98.8l-9.7,8.8c-0.3,0.4-0.7,0.6-1.2,0.6    c-0.5,0-1-0.2-1.3-0.6L70,98.8c-0.7-0.4-0.9-1.3-0.5-2c0.3-0.5,0.8-0.7,1.3-0.7h2.6V76.4H52.7v21.7c0,0.8-0.7,1.5-1.5,1.5H39.6    c-0.8,0-1.5-0.7-1.5-1.5c0,0,0,0,0,0V42.9h-2.7c-0.8,0-1.5-0.7-1.5-1.5c0-0.5,0.3-1,0.7-1.3l9.7-8.8c0.3-0.4,0.7-0.6,1.2-0.6    c0.5,0,1,0.2,1.3,0.6l9.1,8.8c0.7,0.4,0.9,1.3,0.5,2c-0.3,0.5-0.8,0.7-1.3,0.7h-2.6v18.9h20.7v-21c0-0.8,0.7-1.5,1.5-1.5h11.6    c0.8,0,1.5,0.7,1.5,1.5c0,0,0,0,0,0v55.2h2.7c0.8,0,1.5,0.7,1.5,1.5C92,98.1,91.8,98.6,91.3,98.8z" fill="#959DA5"/></svg>'
 
+instagram:
+  name: Instagram
+  profile_url_prefix: https://www.instagram.com/
+  icon_svg: '<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#959da5"><path d="M256,49.471c67.266,0,75.233.257,101.8,1.469,24.562,1.121,37.9,5.224,46.778,8.674a78.052,78.052,0,0,1,28.966,18.845,78.052,78.052,0,0,1,18.845,28.966c3.45,8.877,7.554,22.216,8.674,46.778,1.212,26.565,1.469,34.532,1.469,101.8s-0.257,75.233-1.469,101.8c-1.121,24.562-5.225,37.9-8.674,46.778a83.427,83.427,0,0,1-47.811,47.811c-8.877,3.45-22.216,7.554-46.778,8.674-26.56,1.212-34.527,1.469-101.8,1.469s-75.237-.257-101.8-1.469c-24.562-1.121-37.9-5.225-46.778-8.674a78.051,78.051,0,0,1-28.966-18.845,78.053,78.053,0,0,1-18.845-28.966c-3.45-8.877-7.554-22.216-8.674-46.778-1.212-26.564-1.469-34.532-1.469-101.8s0.257-75.233,1.469-101.8c1.121-24.562,5.224-37.9,8.674-46.778A78.052,78.052,0,0,1,78.458,78.458a78.053,78.053,0,0,1,28.966-18.845c8.877-3.45,22.216-7.554,46.778-8.674,26.565-1.212,34.532-1.469,101.8-1.469m0-45.391c-68.418,0-77,.29-103.866,1.516-26.815,1.224-45.127,5.482-61.151,11.71a123.488,123.488,0,0,0-44.62,29.057A123.488,123.488,0,0,0,17.3,90.982C11.077,107.007,6.819,125.319,5.6,152.134,4.369,179,4.079,187.582,4.079,256S4.369,333,5.6,359.866c1.224,26.815,5.482,45.127,11.71,61.151a123.489,123.489,0,0,0,29.057,44.62,123.486,123.486,0,0,0,44.62,29.057c16.025,6.228,34.337,10.486,61.151,11.71,26.87,1.226,35.449,1.516,103.866,1.516s77-.29,103.866-1.516c26.815-1.224,45.127-5.482,61.151-11.71a128.817,128.817,0,0,0,73.677-73.677c6.228-16.025,10.486-34.337,11.71-61.151,1.226-26.87,1.516-35.449,1.516-103.866s-0.29-77-1.516-103.866c-1.224-26.815-5.482-45.127-11.71-61.151a123.486,123.486,0,0,0-29.057-44.62A123.487,123.487,0,0,0,421.018,17.3C404.993,11.077,386.681,6.819,359.866,5.6,333,4.369,324.418,4.079,256,4.079h0Z"/><path d="M256,126.635A129.365,129.365,0,1,0,385.365,256,129.365,129.365,0,0,0,256,126.635Zm0,213.338A83.973,83.973,0,1,1,339.974,256,83.974,83.974,0,0,1,256,339.973Z"/><circle cx="390.48" cy="121.52" r="30.23"/></svg>'
+
 linkedin:
   name: LinkedIn
   profile_url_prefix: https://www.linkedin.com/in/
@@ -52,6 +57,11 @@ youtube:
   profile_url_prefix: https://www.youtube.com/
   icon_svg: '<svg height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.17 13.6"><path d="M18.77 2.13A2.4 2.4 0 0 0 17.09.42C15.59 0 9.58 0 9.58 0a57.55 57.55 0 0 0-7.5.4A2.49 2.49 0 0 0 .39 2.13 26.27 26.27 0 0 0 0 6.8a26.15 26.15 0 0 0 .39 4.67 2.43 2.43 0 0 0 1.69 1.71c1.52.42 7.5.42 7.5.42a57.69 57.69 0 0 0 7.51-.4 2.4 2.4 0 0 0 1.68-1.71 25.63 25.63 0 0 0 .4-4.67 24 24 0 0 0-.4-4.69zM7.67 9.71V3.89l5 2.91z" fill="#959da5"/></svg>'
 
+unsplash:
+  name: Unsplash
+  profile_url_prefix: https://www.unsplash.com/
+  icon_svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="20" height="20" fill="#959da5"><path d="M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zM32 10.7v14.9c0 2.3-1.9 4.3-4.3 4.3H4.3C1.9 29.9 0 28 0 25.6v-15c0-2.3 1.9-4.3 4.3-4.3H8L8.8 4c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z"/></svg>'
+
 vk:
   name: VK
   profile_url_prefix: https://vk.com/

_includes/header.html

@@ -11,18 +11,23 @@
 {% assign user = site.github.owner %}
 
 {% if page.path contains '_posts' %}
+  {% assign page_title = page.title %}
   {% assign meta_description = page.content | strip_html | strip_newlines | xml_escape | truncate: 300 %}
 {% else %}
+  {% assign page_title = user.name %}
   {% assign meta_description = user.bio | strip_html | strip_newlines | xml_escape | truncate: 300 %}
 {% endif %}
 
 <!doctype html>
-<html class="height-full">
+<html class="min-height-full">
   <head>
     <meta charset="utf-8">
+    <title>{{ page_title }}</title>
     <meta name="description" content="{{ meta_description }}" />
-    <title>{{ user.name }}</title>
+    <meta property="og:title" content="{{ user.name }}" />
+    <meta property="og:image" content="{{ user.avatar_url }}" />
+    <meta property="og:description" content="{{ meta_description }}" />
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <link href="{{ "/assets/styles.css" | relative_url }}" rel="stylesheet" type="text/css">
   </head>
-  <body class="bg-white height-full" {% if site.style == 'dark' %}style="background-color: #2f363d !important"{% endif %}>
+  <body class="bg-white min-height-full" {% if site.style == 'dark' %}style="background-color: #2f363d !important"{% endif %}>

_layouts/default.html

@@ -11,7 +11,7 @@
     </div>
   </div>
 {% else %}
-  <div class="d-md-flex height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
+  <div class="d-md-flex min-height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
     <div class="flex-self-stretch {% if site.style == 'dark' %}bg-gray-dark{% else %}border-md-right border-gray-light bg-white{% endif %} col-md-5 col-lg-4 col-xl-3 px-4 px-md-6 px-lg-7 py-6">
       {% include masthead.html metadata=true %}
     </div>

_layouts/home.html

@@ -25,7 +25,7 @@
     {% endunless %}
   </div>
 {% else %}
-  <div class="d-md-flex height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
+  <div class="d-md-flex min-height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
     <div class="flex-self-stretch {% if site.style == 'dark' %}bg-gray-dark{% else %}border-md-right border-gray-light bg-white{% endif %} col-md-5 col-lg-4 col-xl-3 px-4 px-md-6 px-lg-7 py-6">
       {% include masthead.html metadata=true %}
     </div>

_layouts/post.html

@@ -47,7 +47,7 @@
     </div>
   </div>
 {% else %}
-  <div class="d-md-flex height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
+  <div class="d-md-flex min-height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
     <div class="flex-self-stretch {% if site.style == 'dark' %}bg-gray-dark{% else %}border-md-right border-gray-light bg-white{% endif %} col-md-5 col-lg-4 col-xl-3 px-4 px-md-6 px-lg-7 py-6">
       {% include masthead.html metadata=true %}
     </div>

assets/styles.scss

@@ -37,3 +37,7 @@
     padding-left: 16px;
   }
 }
+
+.min-height-full {
+  min-height: 100vh;
+}