diff --git a/about.html b/about.html
index 0920fcb..84d7192 100644
--- a/about.html
+++ b/about.html
@@ -13,6 +13,8 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>Nathan.Woodburn/</title>
     <meta name="theme-color" content="#97009a">
+    <link rel="canonical" href="https://nathan.woodburn.au/about.html">
+    <meta property="og:url" content="https://nathan.woodburn.au/about.html">
     <meta name="description" content="G'day, this is my personal website. You can find out who I am or check out some of my projects.">
     <meta name="twitter:title" content="Nathan.Woodburn/">
     <meta property="og:type" content="website">
diff --git a/ascii.html b/ascii.html
index 0a8d485..5169e3d 100644
--- a/ascii.html
+++ b/ascii.html
@@ -13,6 +13,8 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>Nathan.Woodburn/</title>
     <meta name="theme-color" content="#97009a">
+    <link rel="canonical" href="https://nathan.woodburn.au/ascii.html">
+    <meta property="og:url" content="https://nathan.woodburn.au/ascii.html">
     <meta name="description" content="G'day, this is my personal website. You can find out who I am or check out some of my projects.">
     <meta name="twitter:title" content="Nathan.Woodburn/">
     <meta property="og:type" content="website">
diff --git a/assets/css/animate.min.css b/assets/css/animate.min.css
index 0189e46..e01fa1a 100644
--- a/assets/css/animate.min.css
+++ b/assets/css/animate.min.css
@@ -6,19 +6,24 @@
  * Copyright (c) 2016 Daniel Eden */
 
 .animated {
+  -webkit-animation-duration: 1s;
   animation-duration: 1s;
+  -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
 }
 
 .animated.infinite {
+  -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
 }
 
 .animated.hinge {
+  -webkit-animation-duration: 2s;
   animation-duration: 2s;
 }
 
 .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
+  -webkit-animation-duration: .75s;
   animation-duration: .75s;
 }
 
@@ -48,7 +53,9 @@
 }
 
 .bounce {
+  -webkit-animation-name: bounce;
   animation-name: bounce;
+  -webkit-transform-origin: center bottom;
   transform-origin: center bottom;
 }
 
@@ -62,6 +69,7 @@
 }
 
 .flash {
+  -webkit-animation-name: flash;
   animation-name: flash;
 }
 
@@ -81,6 +89,7 @@
 }
 
 .pulse {
+  -webkit-animation-name: pulse;
   animation-name: pulse;
 }
 
@@ -116,6 +125,7 @@
 }
 
 .rubberBand {
+  -webkit-animation-name: rubberBand;
   animation-name: rubberBand;
 }
 
@@ -135,6 +145,7 @@
 }
 
 .shake {
+  -webkit-animation-name: shake;
   animation-name: shake;
 }
 
@@ -166,7 +177,9 @@
 }
 
 .headShake {
+  -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
+  -webkit-animation-name: headShake;
   animation-name: headShake;
 }
 
@@ -194,7 +207,9 @@
 }
 
 .swing {
+  -webkit-transform-origin: top center;
   transform-origin: top center;
+  -webkit-animation-name: swing;
   animation-name: swing;
 }
 
@@ -222,6 +237,7 @@
 }
 
 .tada {
+  -webkit-animation-name: tada;
   animation-name: tada;
 }
 
@@ -257,6 +273,7 @@
 }
 
 .wobble {
+  -webkit-animation-name: wobble;
   animation-name: wobble;
 }
 
@@ -296,7 +313,9 @@
 }
 
 .jello {
+  -webkit-animation-name: jello;
   animation-name: jello;
+  -webkit-transform-origin: center;
   transform-origin: center;
 }
 
@@ -335,6 +354,7 @@
 }
 
 .bounceIn {
+  -webkit-animation-name: bounceIn;
   animation-name: bounceIn;
 }
 
@@ -368,6 +388,7 @@
 }
 
 .bounceInDown {
+  -webkit-animation-name: bounceInDown;
   animation-name: bounceInDown;
 }
 
@@ -401,6 +422,7 @@
 }
 
 .bounceInLeft {
+  -webkit-animation-name: bounceInLeft;
   animation-name: bounceInLeft;
 }
 
@@ -434,6 +456,7 @@
 }
 
 .bounceInRight {
+  -webkit-animation-name: bounceInRight;
   animation-name: bounceInRight;
 }
 
@@ -467,6 +490,7 @@
 }
 
 .bounceInUp {
+  -webkit-animation-name: bounceInUp;
   animation-name: bounceInUp;
 }
 
@@ -488,6 +512,7 @@
 }
 
 .bounceOut {
+  -webkit-animation-name: bounceOut;
   animation-name: bounceOut;
 }
 
@@ -509,6 +534,7 @@
 }
 
 .bounceOutDown {
+  -webkit-animation-name: bounceOutDown;
   animation-name: bounceOutDown;
 }
 
@@ -526,6 +552,7 @@
 }
 
 .bounceOutLeft {
+  -webkit-animation-name: bounceOutLeft;
   animation-name: bounceOutLeft;
 }
 
@@ -543,6 +570,7 @@
 }
 
 .bounceOutRight {
+  -webkit-animation-name: bounceOutRight;
   animation-name: bounceOutRight;
 }
 
@@ -564,6 +592,7 @@
 }
 
 .bounceOutUp {
+  -webkit-animation-name: bounceOutUp;
   animation-name: bounceOutUp;
 }
 
@@ -577,6 +606,7 @@
 }
 
 .fadeIn {
+  -webkit-animation-name: fadeIn;
   animation-name: fadeIn;
 }
 
@@ -594,6 +624,7 @@
 }
 
 .fadeInDown {
+  -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown;
 }
 
@@ -611,6 +642,7 @@
 }
 
 .fadeInDownBig {
+  -webkit-animation-name: fadeInDownBig;
   animation-name: fadeInDownBig;
 }
 
@@ -628,6 +660,7 @@
 }
 
 .fadeInLeft {
+  -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft;
 }
 
@@ -645,6 +678,7 @@
 }
 
 .fadeInLeftBig {
+  -webkit-animation-name: fadeInLeftBig;
   animation-name: fadeInLeftBig;
 }
 
@@ -662,6 +696,7 @@
 }
 
 .fadeInRight {
+  -webkit-animation-name: fadeInRight;
   animation-name: fadeInRight;
 }
 
@@ -679,6 +714,7 @@
 }
 
 .fadeInRightBig {
+  -webkit-animation-name: fadeInRightBig;
   animation-name: fadeInRightBig;
 }
 
@@ -696,6 +732,7 @@
 }
 
 .fadeInUp {
+  -webkit-animation-name: fadeInUp;
   animation-name: fadeInUp;
 }
 
@@ -713,6 +750,7 @@
 }
 
 .fadeInUpBig {
+  -webkit-animation-name: fadeInUpBig;
   animation-name: fadeInUpBig;
 }
 
@@ -726,6 +764,7 @@
 }
 
 .fadeOut {
+  -webkit-animation-name: fadeOut;
   animation-name: fadeOut;
 }
 
@@ -741,6 +780,7 @@
 }
 
 .fadeOutDown {
+  -webkit-animation-name: fadeOutDown;
   animation-name: fadeOutDown;
 }
 
@@ -756,6 +796,7 @@
 }
 
 .fadeOutDownBig {
+  -webkit-animation-name: fadeOutDownBig;
   animation-name: fadeOutDownBig;
 }
 
@@ -771,6 +812,7 @@
 }
 
 .fadeOutLeft {
+  -webkit-animation-name: fadeOutLeft;
   animation-name: fadeOutLeft;
 }
 
@@ -786,6 +828,7 @@
 }
 
 .fadeOutLeftBig {
+  -webkit-animation-name: fadeOutLeftBig;
   animation-name: fadeOutLeftBig;
 }
 
@@ -801,6 +844,7 @@
 }
 
 .fadeOutRight {
+  -webkit-animation-name: fadeOutRight;
   animation-name: fadeOutRight;
 }
 
@@ -816,6 +860,7 @@
 }
 
 .fadeOutRightBig {
+  -webkit-animation-name: fadeOutRightBig;
   animation-name: fadeOutRightBig;
 }
 
@@ -831,6 +876,7 @@
 }
 
 .fadeOutUp {
+  -webkit-animation-name: fadeOutUp;
   animation-name: fadeOutUp;
 }
 
@@ -846,6 +892,7 @@
 }
 
 .fadeOutUpBig {
+  -webkit-animation-name: fadeOutUpBig;
   animation-name: fadeOutUpBig;
 }
 
@@ -883,7 +930,9 @@
 }
 
 .animated.flip {
+  -webkit-backface-visibility: visible;
   backface-visibility: visible;
+  -webkit-animation-name: flip;
   animation-name: flip;
 }
 
@@ -917,7 +966,9 @@
 }
 
 .flipInX {
+  -webkit-backface-visibility: visible!important;
   backface-visibility: visible!important;
+  -webkit-animation-name: flipInX;
   animation-name: flipInX;
 }
 
@@ -951,7 +1002,9 @@
 }
 
 .flipInY {
+  -webkit-backface-visibility: visible!important;
   backface-visibility: visible!important;
+  -webkit-animation-name: flipInY;
   animation-name: flipInY;
 }
 
@@ -973,7 +1026,9 @@
 }
 
 .flipOutX {
+  -webkit-animation-name: flipOutX;
   animation-name: flipOutX;
+  -webkit-backface-visibility: visible!important;
   backface-visibility: visible!important;
 }
 
@@ -995,7 +1050,9 @@
 }
 
 .flipOutY {
+  -webkit-backface-visibility: visible!important;
   backface-visibility: visible!important;
+  -webkit-animation-name: flipOutY;
   animation-name: flipOutY;
 }
 
@@ -1024,7 +1081,9 @@
 }
 
 .lightSpeedIn {
+  -webkit-animation-name: lightSpeedIn;
   animation-name: lightSpeedIn;
+  -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out;
 }
 
@@ -1040,7 +1099,9 @@
 }
 
 .lightSpeedOut {
+  -webkit-animation-name: lightSpeedOut;
   animation-name: lightSpeedOut;
+  -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in;
 }
 
@@ -1063,6 +1124,7 @@
 }
 
 .rotateIn {
+  -webkit-animation-name: rotateIn;
   animation-name: rotateIn;
 }
 
@@ -1085,6 +1147,7 @@
 }
 
 .rotateInDownLeft {
+  -webkit-animation-name: rotateInDownLeft;
   animation-name: rotateInDownLeft;
 }
 
@@ -1107,6 +1170,7 @@
 }
 
 .rotateInDownRight {
+  -webkit-animation-name: rotateInDownRight;
   animation-name: rotateInDownRight;
 }
 
@@ -1129,6 +1193,7 @@
 }
 
 .rotateInUpLeft {
+  -webkit-animation-name: rotateInUpLeft;
   animation-name: rotateInUpLeft;
 }
 
@@ -1151,6 +1216,7 @@
 }
 
 .rotateInUpRight {
+  -webkit-animation-name: rotateInUpRight;
   animation-name: rotateInUpRight;
 }
 
@@ -1171,6 +1237,7 @@
 }
 
 .rotateOut {
+  -webkit-animation-name: rotateOut;
   animation-name: rotateOut;
 }
 
@@ -1191,6 +1258,7 @@
 }
 
 .rotateOutDownLeft {
+  -webkit-animation-name: rotateOutDownLeft;
   animation-name: rotateOutDownLeft;
 }
 
@@ -1211,6 +1279,7 @@
 }
 
 .rotateOutDownRight {
+  -webkit-animation-name: rotateOutDownRight;
   animation-name: rotateOutDownRight;
 }
 
@@ -1231,6 +1300,7 @@
 }
 
 .rotateOutUpLeft {
+  -webkit-animation-name: rotateOutUpLeft;
   animation-name: rotateOutUpLeft;
 }
 
@@ -1251,6 +1321,7 @@
 }
 
 .rotateOutUpRight {
+  -webkit-animation-name: rotateOutUpRight;
   animation-name: rotateOutUpRight;
 }
 
@@ -1285,6 +1356,7 @@
 }
 
 .hinge {
+  -webkit-animation-name: hinge;
   animation-name: hinge;
 }
 
@@ -1302,6 +1374,7 @@
 }
 
 .rollIn {
+  -webkit-animation-name: rollIn;
   animation-name: rollIn;
 }
 
@@ -1317,6 +1390,7 @@
 }
 
 .rollOut {
+  -webkit-animation-name: rollOut;
   animation-name: rollOut;
 }
 
@@ -1332,6 +1406,7 @@
 }
 
 .zoomIn {
+  -webkit-animation-name: zoomIn;
   animation-name: zoomIn;
 }
 
@@ -1353,6 +1428,7 @@
 }
 
 .zoomInDown {
+  -webkit-animation-name: zoomInDown;
   animation-name: zoomInDown;
 }
 
@@ -1374,6 +1450,7 @@
 }
 
 .zoomInLeft {
+  -webkit-animation-name: zoomInLeft;
   animation-name: zoomInLeft;
 }
 
@@ -1395,6 +1472,7 @@
 }
 
 .zoomInRight {
+  -webkit-animation-name: zoomInRight;
   animation-name: zoomInRight;
 }
 
@@ -1416,6 +1494,7 @@
 }
 
 .zoomInUp {
+  -webkit-animation-name: zoomInUp;
   animation-name: zoomInUp;
 }
 
@@ -1433,6 +1512,7 @@
 }
 
 .zoomOut {
+  -webkit-animation-name: zoomOut;
   animation-name: zoomOut;
 }
 
@@ -1456,6 +1536,7 @@
 }
 
 .zoomOutDown {
+  -webkit-animation-name: zoomOutDown;
   animation-name: zoomOutDown;
 }
 
@@ -1475,6 +1556,7 @@
 }
 
 .zoomOutLeft {
+  -webkit-animation-name: zoomOutLeft;
   animation-name: zoomOutLeft;
 }
 
@@ -1494,6 +1576,7 @@
 }
 
 .zoomOutRight {
+  -webkit-animation-name: zoomOutRight;
   animation-name: zoomOutRight;
 }
 
@@ -1517,6 +1600,7 @@
 }
 
 .zoomOutUp {
+  -webkit-animation-name: zoomOutUp;
   animation-name: zoomOutUp;
 }
 
@@ -1533,6 +1617,7 @@
 }
 
 .slideInDown {
+  -webkit-animation-name: slideInDown;
   animation-name: slideInDown;
 }
 
@@ -1549,6 +1634,7 @@
 }
 
 .slideInLeft {
+  -webkit-animation-name: slideInLeft;
   animation-name: slideInLeft;
 }
 
@@ -1565,6 +1651,7 @@
 }
 
 .slideInRight {
+  -webkit-animation-name: slideInRight;
   animation-name: slideInRight;
 }
 
@@ -1581,6 +1668,7 @@
 }
 
 .slideInUp {
+  -webkit-animation-name: slideInUp;
   animation-name: slideInUp;
 }
 
@@ -1597,6 +1685,7 @@
 }
 
 .slideOutDown {
+  -webkit-animation-name: slideOutDown;
   animation-name: slideOutDown;
 }
 
@@ -1613,6 +1702,7 @@
 }
 
 .slideOutLeft {
+  -webkit-animation-name: slideOutLeft;
   animation-name: slideOutLeft;
 }
 
@@ -1629,6 +1719,7 @@
 }
 
 .slideOutRight {
+  -webkit-animation-name: slideOutRight;
   animation-name: slideOutRight;
 }
 
@@ -1645,6 +1736,7 @@
 }
 
 .slideOutUp {
+  -webkit-animation-name: slideOutUp;
   animation-name: slideOutUp;
 }
 
diff --git a/gitpgp.html b/gitpgp.html
index 1a5898b..0784bbf 100644
--- a/gitpgp.html
+++ b/gitpgp.html
@@ -13,6 +13,8 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>Nathan.Woodburn/</title>
     <meta name="theme-color" content="#97009a">
+    <link rel="canonical" href="https://nathan.woodburn.au/gitpgp.html">
+    <meta property="og:url" content="https://nathan.woodburn.au/gitpgp.html">
     <meta name="description" content="G'day, this is my personal website. You can find out who I am or check out some of my projects.">
     <meta name="twitter:title" content="Nathan.Woodburn/">
     <meta property="og:type" content="website">
diff --git a/index.html b/index.html
index 059937c..f2dbeb4 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,8 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>Nathan.Woodburn/</title>
     <meta name="theme-color" content="#97009a">
+    <link rel="canonical" href="https://nathan.woodburn.au/">
+    <meta property="og:url" content="https://nathan.woodburn.au/">
     <meta name="description" content="G'day, this is my personal website. You can find out who I am or check out some of my projects.">
     <meta name="twitter:title" content="Nathan.Woodburn/">
     <meta property="og:type" content="website">
diff --git a/link.html b/link.html
index 3cf4f85..fa2a60f 100644
--- a/link.html
+++ b/link.html
@@ -13,6 +13,8 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>Nathan.Woodburn/</title>
     <meta name="theme-color" content="#97009a">
+    <link rel="canonical" href="https://nathan.woodburn.au/link.html">
+    <meta property="og:url" content="https://nathan.woodburn.au/link.html">
     <meta name="description" content="G'day, this is my personal website. You can find out who I am or check out some of my projects.">
     <meta name="twitter:title" content="Nathan.Woodburn/">
     <meta property="og:type" content="website">
diff --git a/pgp.html b/pgp.html
index 561bb43..f13b69d 100644
--- a/pgp.html
+++ b/pgp.html
@@ -13,6 +13,8 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>Nathan.Woodburn/</title>
     <meta name="theme-color" content="#97009a">
+    <link rel="canonical" href="https://nathan.woodburn.au/pgp.html">
+    <meta property="og:url" content="https://nathan.woodburn.au/pgp.html">
     <meta name="description" content="G'day, this is my personal website. You can find out who I am or check out some of my projects.">
     <meta name="twitter:title" content="Nathan.Woodburn/">
     <meta property="og:type" content="website">
diff --git a/podcast.html b/podcast.html
index 9a61e86..9d72d80 100644
--- a/podcast.html
+++ b/podcast.html
@@ -13,6 +13,8 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>Alliance Church Woden Valley | Podcast</title>
     <meta name="theme-color" content="#97009a">
+    <link rel="canonical" href="https://nathan.woodburn.au/podcast.html">
+    <meta property="og:url" content="https://nathan.woodburn.au/podcast.html">
     <meta property="og:type" content="website">
     <meta property="og:title" content="Alliance Church Woden Valley Podcast">
     <meta name="twitter:image" content="https://nathan.woodburn.au/assets/img/podcast/wvac.png">
diff --git a/projects.html b/projects.html
index 7477eb7..6021384 100644
--- a/projects.html
+++ b/projects.html
@@ -13,6 +13,8 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>Projects | Nathan.Woodburn/</title>
     <meta name="theme-color" content="#97009a">
+    <link rel="canonical" href="https://nathan.woodburn.au/projects.html">
+    <meta property="og:url" content="https://nathan.woodburn.au/projects.html">
     <meta name="twitter:title" content="Nathan.Woodburn/">
     <meta property="og:type" content="website">
     <meta property="og:image" content="https://nathan.woodburn.au/assets/img/profile.jpg">
diff --git a/resume.html b/resume.html
index f4d1256..86ca3e4 100644
--- a/resume.html
+++ b/resume.html
@@ -13,6 +13,8 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>Nathan.Woodburn/</title>
     <meta name="theme-color" content="#97009a">
+    <link rel="canonical" href="https://nathan.woodburn.au/resume.html">
+    <meta property="og:url" content="https://nathan.woodburn.au/resume.html">
     <meta name="description" content="G'day, this is my personal website. You can find out who I am or check out some of my projects.">
     <meta name="twitter:title" content="Nathan.Woodburn/">
     <meta property="og:type" content="website">