Shrinks99 → Update links, new opengraph image

* Shrinks99 → NatronGitHub in readme

* Adds opengraph image

- Reorders meta tags

* Open docs in new tab from header

Author: Shrinks99

README.md

@@ -1,6 +1,6 @@
 # Natron's Website
 
-![Repo Size](https://img.shields.io/github/repo-size/shrinks99/NatronGitHub.github.io)![GPL 2 License](https://img.shields.io/badge/license-GPL%202-green) ![W3C Validation](https://img.shields.io/w3c-validation/html?targetUrl=https%3A%2F%2Fwilkinson.graphics%2FNatronGitHub.github.io%2F)![Website Live](https://img.shields.io/website?url=https%3A%2F%2Fimg.shields.io%2Fw3c-validation%2Fhtml%3FtargetUrl%3Dhttps%253A%252F%252Fwilkinson.graphics%252FNatronGitHub.github.io%252F)![Last Commit Date](https://img.shields.io/github/last-commit/shrinks99/NatronGitHub.github.io)
+![Repo Size](https://img.shields.io/github/repo-size/natrongithub/NatronGitHub.github.io)![GPL 2 License](https://img.shields.io/badge/license-GPL%202-green) ![W3C Validation](https://img.shields.io/w3c-validation/html?targetUrl=https%3A%2F%2FNatronGitHub.github.io)![Website Live](https://img.shields.io/website?url=https%3A%2F%2Fimg.shields.io%2Fw3c-validation%2Fhtml%3FtargetUrl%3Dhttps%3A%2F%2FNatronGitHub.github.io)![Last Commit Date](https://img.shields.io/github/last-commit/natrongithub/NatronGitHub.github.io)
 
 ## Development
 
@@ -29,7 +29,7 @@ Make sure you have `git` already installed. This website also requires Jekyll, a
 Navigate to your directory of choice with `cd /path/of/choice`, then run this command to download the repo:
 
 ```bash
-git clone https://github.com/Shrinks99/NatronGitHub.github.io && cd NatronGitHub.github.io
+git clone https://github.com/NatronGitHub/NatronGitHub.github.io && cd NatronGitHub.github.io
 ```
 
 Build with Jekyll in three steps:

_includes/head.html

@@ -6,19 +6,24 @@
   <meta name="theme-color" content="#1e1830">
   <meta name="keywords" content="node-based, compositor, compositing, computer graphics, cgi, open source, vfx, software">
   <title>{{ page.title }}</title>
-  <!-- OpenGraph Card -->
+  <!-- OpenGraph & Twitter Card Tags -->
   <meta property="og:type" content="website">
   <meta property="og:title" content="{{page.title}}">
-  <meta property="og:image" content="">
   <meta property="og:image:width" content="1920">
   <meta property="og:image:height" content="1080">
+  {% if page.postimg %}
+  <meta property="og:image" content="{{ site.url | append: "/" }}{{ page.postimg }}" />
+  <meta name="twitter:image" content="{{ site.url | append: "/"}}{{ page.postimg }}" />
+  {% else %}
+  <meta property="og:image" content="{{ "/img/social-preview.jpg" | prepend: site.url }}" />
+  <meta name="twitter:image" content="{{ "/img/social-preview.jpg" | prepend: site.url }}" />
+  {% endif %}
   <meta name="og:description" content="{% if page.description %}
       {{ page.description | strip_html | strip_newlines | truncate: 160 }}
     {% else %}
       {{ site.description }}
     {% endif %}">
   <meta property="og:locale" content="en_US" />
-  <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:domain" content="natrongithub.github.io">
   <meta name="twitter:title" content="{{page.title}}">
@@ -30,14 +35,6 @@
   <!-- RSS Feed -->
   <link rel="alternate" type="application/rss+xml" href="{% base %}feed.atom">
 
-  {% if page.postimg %}
-    <meta property="og:image" content="{{ site.url | append: "/" }}{{ page.postimg }}" />
-    <meta name="twitter:image" content="{{ site.url | append: "/"}}{{ page.postimg }}" />
-  {% else %}
-    <meta property="og:image" content="{{ "/img/social-preview.jpg" | prepend: site.url }}" />
-    <meta name="twitter:image" content="{{ "/img/social-preview.jpg" | prepend: site.url }}" />
-  {% endif %}
-
   <!-- Stylesheets & Fonts -->
   <link rel="stylesheet" href="{% base %}css/main.css">
   <link rel="stylesheet" href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">

_includes/nav.html

@@ -27,7 +27,7 @@
           <a href="{% base %}news">News</a>
         </li>
         <li>
-          <a href="http://natron.readthedocs.io">Docs</a>
+          <a href="http://natron.readthedocs.io" target="_blank">Docs</a>
         </li>
         <li>
           <a href="{% base %}about">About</a>