meta

index.html

@@ -4,7 +4,36 @@
 		<meta charset="UTF-8" />
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>Learning how to walk while cat-walking</title>
+
+		<!-- Primary Meta Tags -->
+		<title>Learning How to Walk while Catwalking</title>
+		<meta name="title" content="Learning How to Walk while Catwalking" />
+		<meta
+			name="description"
+			content="A toolkit to mess around with language: from its standard taxonomies and tags, to its modes of organizing information and its shaping knowledge."
+		/>
+
+		<!-- Open Graph / Facebook -->
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="https://issue.xpub.nl/16/" />
+		<meta property="og:title" content="Learning How to Walk while Catwalking" />
+		<meta
+			property="og:description"
+			content="A toolkit to mess around with language: from its standard taxonomies and tags, to its modes of organizing information and its shaping knowledge."
+		/>
+		<meta property="og:image" content="./static/img/meta.jpg" />
+
+		<!-- Twitter -->
+		<meta property="twitter:card" content="summary_large_image" />
+		<meta property="twitter:url" content="https://issue.xpub.nl/16/" />
+		<meta property="twitter:title" content="Learning How to Walk while Catwalking" />
+		<meta
+			property="twitter:description"
+			content="A toolkit to mess around with language: from its standard taxonomies and tags, to its modes of organizing information and its shaping knowledge."
+		/>
+		<meta property="twitter:image" content="./static/img/meta.jpg" />
+
+		<title>Learning How To Walk While Catwalking</title>
 		<link rel="stylesheet" href="./static/font/font.css" />
 		<link rel="stylesheet" href="style.css" />
 		<script src="sticker.js" defer></script>
@@ -59,7 +88,9 @@
 			<li class="info">Critical API</li>
 			<li class="info">Vernacular API</li>
 			<li class="info">Model of distribution</li>
-			<li class="deco"><img src="./static/svg/sticker_deco_generator_orange_triangle.svg" /></li>
+			<li class="deco">
+				<img src="./static/svg/sticker_deco_generator_orange_triangle.svg" />
+			</li>
 			<li class="info">Experimental enquiry</li>
 			<li class="deco"><img src="./static/svg/deco_catwalking_yellow.svg" /></li>
 			<li class="info">Window display at Varia</li>