From: Matthew Kousoulas <shaman.kous@gmail.com>
Date: Sat, 2 Apr 2022 22:53:18 +0000 (+0000)
Subject: Add meta tags
X-Git-Url: http://gitweb.madkous.net/?a=commitdiff_plain;h=3b5ea217d7d8ca7e464999b633d5bbf10def004d;p=photo-site.git

Add meta tags
---

diff --git a/index.html b/index.html
index 4abfe50..c0f49d6 100644
--- a/index.html
+++ b/index.html
@@ -1,11 +1,44 @@
 <!DOCTYPE html>
-<html lang="en" class="parent">
+<html lang="en"
+      class="parent"
+      xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:fb="http://ogp.me/ns/fb#">
 	<head>
-		<meta charset="UTF-8">
-		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 		<title>MadKous Photography</title>
-		<link rel="stylesheet" type="text/css" href="styles/main.css"/>
-		<!-- util must be first; driver must be last -->
+		<meta charset="UTF-8" />
+		<meta name="viewport"
+		      content="width=device-width, initial-scale=1.0" />
+		<meta name="description"
+		      content="MadKous Photography" />
+		<link rel="cannonical"
+		      href="http://www.madkous.net/photo/index.html" />
+		<!--open graph data-->
+		<meta property="og:title"
+		      content="MadKous Photography" />
+		<meta property="og:type"
+		      content="gallery" />
+		<meta property="og:url"
+		      content="http://www.madkous.net/photo/index.html" />
+		<meta property="og:image"
+		      content="http://madkous.net/media/pictures/20220313_0047_sm.jpg" />
+		<meta property="og:description"
+		      content="Abandoned Picnic" />
+		<!--twitter card data-->
+		<meta name="twitter:card"
+		      content="summary_large_image" />
+		<meta property="twitter:domain"
+		      content="madkous.net" />
+		<meta property="twitter:url"
+		      content="http://www.madkous.net/photo/index.html" />
+		<meta name="twitter:title"
+		      content="MadKous Photography" />
+		<meta name="twitter:image"
+		      content="http://madkous.net/media/pictures/20220313_0047_sm.jpg" />
+		<meta name="twitter:description"
+		      content="Abandoned Picnic" />
+		<!--page data-->
+		<link rel="stylesheet" type="text/css" href="styles/main.css" />
+		<!--util must be first; main must be last-->
 		<script type="text/javascript" src="scripts/util.js"></script>
 		<script type="text/javascript" src="scripts/photo.js"></script>
 		<script type="text/javascript" src="scripts/dom.js"></script>
@@ -22,5 +55,8 @@
 		</div>
 		<div id="thumb-layer" class="fade-out">
 		</div>
+		<footer>
+			<p>Matthew Kousoulas</p>
+		</footer>
 	</body>
 </html>
