diff --git a/1984/anonymous/index.html b/1984/anonymous/index.html
index acb1cd7c51..47e51be5c0 100644
--- a/1984/anonymous/index.html
+++ b/1984/anonymous/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1984/anonymous - Dishonorable Mention</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1984 IOCCC entry anonymous - Dishonorable Mention">
+<meta name="description" content="prints hello world where read is write. 1984 IOCCC entry anonymous - Dishonorable Mention">
 <meta name="keywords" content="IOCCC, 1984, IOCCC 1984, IOCCC entry, anonymous, Dishonorable Mention">
+<link rel="canonical" href="https://www.ioccc.org/1984/anonymous/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1984/anonymous/index.html">
+<meta property="og:title" content="1984/anonymous - Dishonorable Mention">
+<meta property="og:description" content="prints hello world where read is write. 1984 IOCCC entry anonymous - Dishonorable Mention">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1984/anonymous - Dishonorable Mention</h2>
diff --git a/1984/decot/index.html b/1984/decot/index.html
index 2a95efd314..8a20ae7cb1 100644
--- a/1984/decot/index.html
+++ b/1984/decot/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1984/decot - Second Place</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1984 IOCCC entry decot - Second Place">
+<meta name="description" content="prints garbage and weird cpp defines - keywords for others. 1984 IOCCC entry decot - Second Place">
 <meta name="keywords" content="IOCCC, 1984, IOCCC 1984, IOCCC entry, decot, Second Place">
+<link rel="canonical" href="https://www.ioccc.org/1984/decot/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1984/decot/index.html">
+<meta property="og:title" content="1984/decot - Second Place">
+<meta property="og:description" content="prints garbage and weird cpp defines - keywords for others. 1984 IOCCC entry decot - Second Place">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1984/decot - Second Place</h2>
diff --git a/1984/laman/index.html b/1984/laman/index.html
index 10ef52837e..da3648399a 100644
--- a/1984/laman/index.html
+++ b/1984/laman/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1984/laman - Third Place</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1984 IOCCC entry laman - Third Place">
+<meta name="description" content="prints spiralling numbers laid out in columns. 1984 IOCCC entry laman - Third Place">
 <meta name="keywords" content="IOCCC, 1984, IOCCC 1984, IOCCC entry, laman, Third Place">
+<link rel="canonical" href="https://www.ioccc.org/1984/laman/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1984/laman/index.html">
+<meta property="og:title" content="1984/laman - Third Place">
+<meta property="og:description" content="prints spiralling numbers laid out in columns. 1984 IOCCC entry laman - Third Place">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1984/laman - Third Place</h2>
diff --git a/1984/mullender/index.html b/1984/mullender/index.html
index 9b38178c43..4ea6d3ef1c 100644
--- a/1984/mullender/index.html
+++ b/1984/mullender/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1984/mullender - Grand Prize</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1984 IOCCC entry mullender - Grand Prize">
+<meta name="description" content="hardcoded vax and pdp-11 code to move :-) across the screen. 1984 IOCCC entry mullender - Grand Prize">
 <meta name="keywords" content="IOCCC, 1984, IOCCC 1984, IOCCC entry, mullender, Grand Prize">
+<link rel="canonical" href="https://www.ioccc.org/1984/mullender/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1984/mullender/index.html">
+<meta property="og:title" content="1984/mullender - Grand Prize">
+<meta property="og:description" content="hardcoded vax and pdp-11 code to move :-) across the screen. 1984 IOCCC entry mullender - Grand Prize">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1984/mullender - Grand Prize</h2>
diff --git a/1985/applin/index.html b/1985/applin/index.html
index 1d92aa5bab..499251ab93 100644
--- a/1985/applin/index.html
+++ b/1985/applin/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1985/applin - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1985 IOCCC entry applin - Best one liner">
+<meta name="description" content="one-liner to print hello world with execlp. 1985 IOCCC entry applin - Best one liner">
 <meta name="keywords" content="IOCCC, 1985, IOCCC 1985, IOCCC entry, applin, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/1985/applin/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1985/applin/index.html">
+<meta property="og:title" content="1985/applin - Best one liner">
+<meta property="og:description" content="one-liner to print hello world with execlp. 1985 IOCCC entry applin - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1985/applin - Best one liner</h2>
diff --git a/1985/august/index.html b/1985/august/index.html
index ba3a94cf95..c557f9a4eb 100644
--- a/1985/august/index.html
+++ b/1985/august/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1985/august - Most obscure program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1985 IOCCC entry august - Most obscure program">
+<meta name="description" content="cpp obfuscated and compressed recursive primes in binary. 1985 IOCCC entry august - Most obscure program">
 <meta name="keywords" content="IOCCC, 1985, IOCCC 1985, IOCCC entry, august, Most obscure program">
+<link rel="canonical" href="https://www.ioccc.org/1985/august/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1985/august/index.html">
+<meta property="og:title" content="1985/august - Most obscure program">
+<meta property="og:description" content="cpp obfuscated and compressed recursive primes in binary. 1985 IOCCC entry august - Most obscure program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1985/august - Most obscure program</h2>
diff --git a/1985/lycklama/index.html b/1985/lycklama/index.html
index 307503f2e6..d1231e5bf3 100644
--- a/1985/lycklama/index.html
+++ b/1985/lycklama/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1985/lycklama - Strangest appearing program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1985 IOCCC entry lycklama - Strangest appearing program">
+<meta name="description" content="heavily cpped with o_oo identifiers that scrolls text right. 1985 IOCCC entry lycklama - Strangest appearing program">
 <meta name="keywords" content="IOCCC, 1985, IOCCC 1985, IOCCC entry, lycklama, Strangest appearing program">
+<link rel="canonical" href="https://www.ioccc.org/1985/lycklama/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1985/lycklama/index.html">
+<meta property="og:title" content="1985/lycklama - Strangest appearing program">
+<meta property="og:description" content="heavily cpped with o_oo identifiers that scrolls text right. 1985 IOCCC entry lycklama - Strangest appearing program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1985/lycklama - Strangest appearing program</h2>
diff --git a/1985/shapiro/index.html b/1985/shapiro/index.html
index 2ffbf2e849..b5c909eb6a 100644
--- a/1985/shapiro/index.html
+++ b/1985/shapiro/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1985/shapiro - Grand Prize - Most well rounded in confusion</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1985 IOCCC entry shapiro - Grand Prize - Most well rounded in confusion">
+<meta name="description" content="two #defines one 7-liner that results in a maze. 1985 IOCCC entry shapiro - Grand Prize - Most well rounded in confusion">
 <meta name="keywords" content="IOCCC, 1985, IOCCC 1985, IOCCC entry, shapiro, Grand Prize - Most well rounded in confusion">
+<link rel="canonical" href="https://www.ioccc.org/1985/shapiro/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1985/shapiro/index.html">
+<meta property="og:title" content="1985/shapiro - Grand Prize - Most well rounded in confusion">
+<meta property="og:description" content="two #defines one 7-liner that results in a maze. 1985 IOCCC entry shapiro - Grand Prize - Most well rounded in confusion">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1985/shapiro - Grand Prize - Most well rounded in confusion</h2>
diff --git a/1985/sicherman/index.html b/1985/sicherman/index.html
index 3dcb6c9b2d..049778d624 100644
--- a/1985/sicherman/index.html
+++ b/1985/sicherman/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1985/sicherman - Worst abuse of the C preprocessor</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1985 IOCCC entry sicherman - Worst abuse of the C preprocessor">
+<meta name="description" content="rot13 w/strange #defines that create comment headers etc. 1985 IOCCC entry sicherman - Worst abuse of the C preprocessor">
 <meta name="keywords" content="IOCCC, 1985, IOCCC 1985, IOCCC entry, sicherman, Worst abuse of the C preprocessor">
+<link rel="canonical" href="https://www.ioccc.org/1985/sicherman/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1985/sicherman/index.html">
+<meta property="og:title" content="1985/sicherman - Worst abuse of the C preprocessor">
+<meta property="og:description" content="rot13 w/strange #defines that create comment headers etc. 1985 IOCCC entry sicherman - Worst abuse of the C preprocessor">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1985/sicherman - Worst abuse of the C preprocessor</h2>
diff --git a/1986/applin/index.html b/1986/applin/index.html
index 86170d1963..1b98741954 100644
--- a/1986/applin/index.html
+++ b/1986/applin/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1986/applin - Most adaptable program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1986 IOCCC entry applin - Most adaptable program">
+<meta name="description" content="hello world works under cc and /bin/sh and f77. 1986 IOCCC entry applin - Most adaptable program">
 <meta name="keywords" content="IOCCC, 1986, IOCCC 1986, IOCCC entry, applin, Most adaptable program">
+<link rel="canonical" href="https://www.ioccc.org/1986/applin/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1986/applin/index.html">
+<meta property="og:title" content="1986/applin - Most adaptable program">
+<meta property="og:description" content="hello world works under cc and /bin/sh and f77. 1986 IOCCC entry applin - Most adaptable program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1986/applin - Most adaptable program</h2>
diff --git a/1986/august/index.html b/1986/august/index.html
index b67204ac9a..45f7e05f61 100644
--- a/1986/august/index.html
+++ b/1986/august/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1986/august - Best complex task done in a complex way</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1986 IOCCC entry august - Best complex task done in a complex way">
+<meta name="description" content="struct-heavy e-computation with memory allocation with sbrk. 1986 IOCCC entry august - Best complex task done in a complex way">
 <meta name="keywords" content="IOCCC, 1986, IOCCC 1986, IOCCC entry, august, Best complex task done in a complex way">
+<link rel="canonical" href="https://www.ioccc.org/1986/august/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1986/august/index.html">
+<meta property="og:title" content="1986/august - Best complex task done in a complex way">
+<meta property="og:description" content="struct-heavy e-computation with memory allocation with sbrk. 1986 IOCCC entry august - Best complex task done in a complex way">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1986/august - Best complex task done in a complex way</h2>
diff --git a/1986/bright/index.html b/1986/bright/index.html
index 2a81da2b85..c918826c14 100644
--- a/1986/bright/index.html
+++ b/1986/bright/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1986/bright - Most useful obfuscation</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1986 IOCCC entry bright - Most useful obfuscation">
+<meta name="description" content="hex dump with cpp compressed that uses lots of &lt;&lt; for constants. 1986 IOCCC entry bright - Most useful obfuscation">
 <meta name="keywords" content="IOCCC, 1986, IOCCC 1986, IOCCC entry, bright, Most useful obfuscation">
+<link rel="canonical" href="https://www.ioccc.org/1986/bright/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1986/bright/index.html">
+<meta property="og:title" content="1986/bright - Most useful obfuscation">
+<meta property="og:description" content="hex dump with cpp compressed that uses lots of &lt;&lt; for constants. 1986 IOCCC entry bright - Most useful obfuscation">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1986/bright - Most useful obfuscation</h2>
diff --git a/1986/hague/index.html b/1986/hague/index.html
index 0a12cd58a2..223c5492ba 100644
--- a/1986/hague/index.html
+++ b/1986/hague/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1986/hague - Worst abuse of the C preprocessor</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1986 IOCCC entry hague - Worst abuse of the C preprocessor">
+<meta name="description" content="morse code filter written with 'DIT DAH _DIT DIT_DAH'. 1986 IOCCC entry hague - Worst abuse of the C preprocessor">
 <meta name="keywords" content="IOCCC, 1986, IOCCC 1986, IOCCC entry, hague, Worst abuse of the C preprocessor">
+<link rel="canonical" href="https://www.ioccc.org/1986/hague/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1986/hague/index.html">
+<meta property="og:title" content="1986/hague - Worst abuse of the C preprocessor">
+<meta property="og:description" content="morse code filter written with 'DIT DAH _DIT DIT_DAH'. 1986 IOCCC entry hague - Worst abuse of the C preprocessor">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1986/hague - Worst abuse of the C preprocessor</h2>
diff --git a/1986/holloway/index.html b/1986/holloway/index.html
index a8a0cbd351..0f9da61bf3 100644
--- a/1986/holloway/index.html
+++ b/1986/holloway/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1986/holloway - Best simple task performed in a complex way</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1986 IOCCC entry holloway - Best simple task performed in a complex way">
+<meta name="description" content="prints hello world! via a recursive main. 1986 IOCCC entry holloway - Best simple task performed in a complex way">
 <meta name="keywords" content="IOCCC, 1986, IOCCC 1986, IOCCC entry, holloway, Best simple task performed in a complex way">
+<link rel="canonical" href="https://www.ioccc.org/1986/holloway/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1986/holloway/index.html">
+<meta property="og:title" content="1986/holloway - Best simple task performed in a complex way">
+<meta property="og:description" content="prints hello world! via a recursive main. 1986 IOCCC entry holloway - Best simple task performed in a complex way">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1986/holloway - Best simple task performed in a complex way</h2>
diff --git a/1986/marshall/compilers.html b/1986/marshall/compilers.html
index 9bbed3fc21..3883d4d4b4 100644
--- a/1986/marshall/compilers.html
+++ b/1986/marshall/compilers.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="compilers.md for 1986/marshall">
 <meta name="keywords" content="IOCCC, 1986/marshall, compilers.md">
+<link rel="canonical" href="https://www.ioccc.org/1986/marshall/compilers.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/1986/marshall/compilers.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="compilers.md for 1986/marshall">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>compilers.html for 1986/marshall</h2>
diff --git a/1986/marshall/index.html b/1986/marshall/index.html
index 6ac032c82f..e4859ba342 100644
--- a/1986/marshall/index.html
+++ b/1986/marshall/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1986/marshall - Best layout</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1986 IOCCC entry marshall - Best layout">
+<meta name="description" content="train engine-shaped program prints choo choo. 1986 IOCCC entry marshall - Best layout">
 <meta name="keywords" content="IOCCC, 1986, IOCCC 1986, IOCCC entry, marshall, Best layout">
+<link rel="canonical" href="https://www.ioccc.org/1986/marshall/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1986/marshall/index.html">
+<meta property="og:title" content="1986/marshall - Best layout">
+<meta property="og:description" content="train engine-shaped program prints choo choo. 1986 IOCCC entry marshall - Best layout">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1986/marshall - Best layout</h2>
diff --git a/1986/pawka/index.html b/1986/pawka/index.html
index fc1d08c660..b01a5d633a 100644
--- a/1986/pawka/index.html
+++ b/1986/pawka/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1986/pawka - Most illegible code</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1986 IOCCC entry pawka - Most illegible code">
+<meta name="description" content="prints 'obfuscated?' big using xyyyx idents. 1986 IOCCC entry pawka - Most illegible code">
 <meta name="keywords" content="IOCCC, 1986, IOCCC 1986, IOCCC entry, pawka, Most illegible code">
+<link rel="canonical" href="https://www.ioccc.org/1986/pawka/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1986/pawka/index.html">
+<meta property="og:title" content="1986/pawka - Most illegible code">
+<meta property="og:description" content="prints 'obfuscated?' big using xyyyx idents. 1986 IOCCC entry pawka - Most illegible code">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1986/pawka - Most illegible code</h2>
diff --git a/1986/stein/index.html b/1986/stein/index.html
index 85619f9d7b..6604d32005 100644
--- a/1986/stein/index.html
+++ b/1986/stein/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1986/stein - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1986 IOCCC entry stein - Best one liner">
+<meta name="description" content="prints HHMMSS in UTC time. 1986 IOCCC entry stein - Best one liner">
 <meta name="keywords" content="IOCCC, 1986, IOCCC 1986, IOCCC entry, stein, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/1986/stein/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1986/stein/index.html">
+<meta property="og:title" content="1986/stein - Best one liner">
+<meta property="og:description" content="prints HHMMSS in UTC time. 1986 IOCCC entry stein - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1986/stein - Best one liner</h2>
diff --git a/1986/wall/index.html b/1986/wall/index.html
index 483fdf950d..52fa581f5f 100644
--- a/1986/wall/index.html
+++ b/1986/wall/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1986/wall - Grand Prize - Most well rounded in confusion</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1986 IOCCC entry wall - Grand Prize - Most well rounded in confusion">
+<meta name="description" content="Dvorak keyboard emulator. 1986 IOCCC entry wall - Grand Prize - Most well rounded in confusion">
 <meta name="keywords" content="IOCCC, 1986, IOCCC 1986, IOCCC entry, wall, Grand Prize - Most well rounded in confusion">
+<link rel="canonical" href="https://www.ioccc.org/1986/wall/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1986/wall/index.html">
+<meta property="og:title" content="1986/wall - Grand Prize - Most well rounded in confusion">
+<meta property="og:description" content="Dvorak keyboard emulator. 1986 IOCCC entry wall - Grand Prize - Most well rounded in confusion">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1986/wall - Grand Prize - Most well rounded in confusion</h2>
diff --git a/1987/biggar/index.html b/1987/biggar/index.html
index dc01487a6c..bc7805eaa1 100644
--- a/1987/biggar/index.html
+++ b/1987/biggar/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1987/biggar - Best abuse of the rules</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1987 IOCCC entry biggar - Best abuse of the rules">
+<meta name="description" content="program defined on the command line. 1987 IOCCC entry biggar - Best abuse of the rules">
 <meta name="keywords" content="IOCCC, 1987, IOCCC 1987, IOCCC entry, biggar, Best abuse of the rules">
+<link rel="canonical" href="https://www.ioccc.org/1987/biggar/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1987/biggar/index.html">
+<meta property="og:title" content="1987/biggar - Best abuse of the rules">
+<meta property="og:description" content="program defined on the command line. 1987 IOCCC entry biggar - Best abuse of the rules">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1987/biggar - Best abuse of the rules</h2>
diff --git a/1987/heckbert/index.html b/1987/heckbert/index.html
index ac68f85e8e..07ff0e8ddb 100644
--- a/1987/heckbert/index.html
+++ b/1987/heckbert/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1987/heckbert - Best obfuscator of programs</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1987 IOCCC entry heckbert - Best obfuscator of programs">
+<meta name="description" content="obfuscated fold program. 1987 IOCCC entry heckbert - Best obfuscator of programs">
 <meta name="keywords" content="IOCCC, 1987, IOCCC 1987, IOCCC entry, heckbert, Best obfuscator of programs">
+<link rel="canonical" href="https://www.ioccc.org/1987/heckbert/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1987/heckbert/index.html">
+<meta property="og:title" content="1987/heckbert - Best obfuscator of programs">
+<meta property="og:description" content="obfuscated fold program. 1987 IOCCC entry heckbert - Best obfuscator of programs">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1987/heckbert - Best obfuscator of programs</h2>
diff --git a/1987/hines/index.html b/1987/hines/index.html
index c15181793d..d9884d7837 100644
--- a/1987/hines/index.html
+++ b/1987/hines/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1987/hines - Worst style</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1987 IOCCC entry hines - Worst style">
+<meta name="description" content="counts goto's with all ids goto anagrams with all goto flow. 1987 IOCCC entry hines - Worst style">
 <meta name="keywords" content="IOCCC, 1987, IOCCC 1987, IOCCC entry, hines, Worst style">
+<link rel="canonical" href="https://www.ioccc.org/1987/hines/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1987/hines/index.html">
+<meta property="og:title" content="1987/hines - Worst style">
+<meta property="og:description" content="counts goto's with all ids goto anagrams with all goto flow. 1987 IOCCC entry hines - Worst style">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1987/hines - Worst style</h2>
diff --git a/1987/korn/index.html b/1987/korn/index.html
index d30bc393ea..16744a7558 100644
--- a/1987/korn/index.html
+++ b/1987/korn/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1987/korn - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1987 IOCCC entry korn - Best one liner">
+<meta name="description" content="one-liner that prints a message on a Un*x system. 1987 IOCCC entry korn - Best one liner">
 <meta name="keywords" content="IOCCC, 1987, IOCCC 1987, IOCCC entry, korn, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/1987/korn/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1987/korn/index.html">
+<meta property="og:title" content="1987/korn - Best one liner">
+<meta property="og:description" content="one-liner that prints a message on a Un*x system. 1987 IOCCC entry korn - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1987/korn - Best one liner</h2>
diff --git a/1987/lievaart/index.html b/1987/lievaart/index.html
index ab50ca8af5..7d092580fb 100644
--- a/1987/lievaart/index.html
+++ b/1987/lievaart/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1987/lievaart - Grand Prize</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1987 IOCCC entry lievaart - Grand Prize">
+<meta name="description" content="very good Othello player. 1987 IOCCC entry lievaart - Grand Prize">
 <meta name="keywords" content="IOCCC, 1987, IOCCC 1987, IOCCC entry, lievaart, Grand Prize">
+<link rel="canonical" href="https://www.ioccc.org/1987/lievaart/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1987/lievaart/index.html">
+<meta property="og:title" content="1987/lievaart - Grand Prize">
+<meta property="og:description" content="very good Othello player. 1987 IOCCC entry lievaart - Grand Prize">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1987/lievaart - Grand Prize</h2>
diff --git a/1987/wall/index.html b/1987/wall/index.html
index 6bed6b63e3..fd16b56c56 100644
--- a/1987/wall/index.html
+++ b/1987/wall/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1987/wall - Most useful obfuscation</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1987 IOCCC entry wall - Most useful obfuscation">
+<meta name="description" content="roman numeral -&gt; decimal and vice versa conversion. 1987 IOCCC entry wall - Most useful obfuscation">
 <meta name="keywords" content="IOCCC, 1987, IOCCC 1987, IOCCC entry, wall, Most useful obfuscation">
+<link rel="canonical" href="https://www.ioccc.org/1987/wall/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1987/wall/index.html">
+<meta property="og:title" content="1987/wall - Most useful obfuscation">
+<meta property="og:description" content="roman numeral -&gt; decimal and vice versa conversion. 1987 IOCCC entry wall - Most useful obfuscation">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1987/wall - Most useful obfuscation</h2>
diff --git a/1987/westley/index.html b/1987/westley/index.html
index 2035d10eb6..19b821830e 100644
--- a/1987/westley/index.html
+++ b/1987/westley/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1987/westley - Best layout</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1987 IOCCC entry westley - Best layout">
+<meta name="description" content="individually palindromic lines prints a palindrome. 1987 IOCCC entry westley - Best layout">
 <meta name="keywords" content="IOCCC, 1987, IOCCC 1987, IOCCC entry, westley, Best layout">
+<link rel="canonical" href="https://www.ioccc.org/1987/westley/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1987/westley/index.html">
+<meta property="og:title" content="1987/westley - Best layout">
+<meta property="og:description" content="individually palindromic lines prints a palindrome. 1987 IOCCC entry westley - Best layout">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1987/westley - Best layout</h2>
diff --git a/1988/applin/index.html b/1988/applin/index.html
index 6e49b673a8..0e13aa4fbe 100644
--- a/1988/applin/index.html
+++ b/1988/applin/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1988/applin - Best of Show</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1988 IOCCC entry applin - Best of Show">
+<meta name="description" content="massive #define that includes itself and prints primes. 1988 IOCCC entry applin - Best of Show">
 <meta name="keywords" content="IOCCC, 1988, IOCCC 1988, IOCCC entry, applin, Best of Show">
+<link rel="canonical" href="https://www.ioccc.org/1988/applin/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1988/applin/index.html">
+<meta property="og:title" content="1988/applin - Best of Show">
+<meta property="og:description" content="massive #define that includes itself and prints primes. 1988 IOCCC entry applin - Best of Show">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1988/applin - Best of Show</h2>
diff --git a/1988/dale/index.html b/1988/dale/index.html
index e5dd62a846..1aae6e47cc 100644
--- a/1988/dale/index.html
+++ b/1988/dale/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1988/dale - Best abuse of system calls</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1988 IOCCC entry dale - Best abuse of system calls">
+<meta name="description" content="prints command line using lots of system calls. 1988 IOCCC entry dale - Best abuse of system calls">
 <meta name="keywords" content="IOCCC, 1988, IOCCC 1988, IOCCC entry, dale, Best abuse of system calls">
+<link rel="canonical" href="https://www.ioccc.org/1988/dale/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1988/dale/index.html">
+<meta property="og:title" content="1988/dale - Best abuse of system calls">
+<meta property="og:description" content="prints command line using lots of system calls. 1988 IOCCC entry dale - Best abuse of system calls">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1988/dale - Best abuse of system calls</h2>
diff --git a/1988/isaak/index.html b/1988/isaak/index.html
index 3aaa404989..081bde3eca 100644
--- a/1988/isaak/index.html
+++ b/1988/isaak/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1988/isaak - Best visuals</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1988 IOCCC entry isaak - Best visuals">
+<meta name="description" content="table driven table of the elements cpp with self-inclusion. 1988 IOCCC entry isaak - Best visuals">
 <meta name="keywords" content="IOCCC, 1988, IOCCC 1988, IOCCC entry, isaak, Best visuals">
+<link rel="canonical" href="https://www.ioccc.org/1988/isaak/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1988/isaak/index.html">
+<meta property="og:title" content="1988/isaak - Best visuals">
+<meta property="og:description" content="table driven table of the elements cpp with self-inclusion. 1988 IOCCC entry isaak - Best visuals">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1988/isaak - Best visuals</h2>
diff --git a/1988/litmaath/index.html b/1988/litmaath/index.html
index 8de53bc12e..5ab6dbd1a2 100644
--- a/1988/litmaath/index.html
+++ b/1988/litmaath/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1988/litmaath - Best small program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1988 IOCCC entry litmaath - Best small program">
+<meta name="description" content="sorts each arg using only argc argv and 'while(cond)'. 1988 IOCCC entry litmaath - Best small program">
 <meta name="keywords" content="IOCCC, 1988, IOCCC 1988, IOCCC entry, litmaath, Best small program">
+<link rel="canonical" href="https://www.ioccc.org/1988/litmaath/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1988/litmaath/index.html">
+<meta property="og:title" content="1988/litmaath - Best small program">
+<meta property="og:description" content="sorts each arg using only argc argv and 'while(cond)'. 1988 IOCCC entry litmaath - Best small program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1988/litmaath - Best small program</h2>
diff --git a/1988/phillipps/index.html b/1988/phillipps/index.html
index 6fd482e8a0..ed9aeab015 100644
--- a/1988/phillipps/index.html
+++ b/1988/phillipps/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1988/phillipps - Least likely to compile successfully</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1988 IOCCC entry phillipps - Least likely to compile successfully">
+<meta name="description" content="12 Days of Christmas recursive main() calls w/tables. 1988 IOCCC entry phillipps - Least likely to compile successfully">
 <meta name="keywords" content="IOCCC, 1988, IOCCC 1988, IOCCC entry, phillipps, Least likely to compile successfully">
+<link rel="canonical" href="https://www.ioccc.org/1988/phillipps/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1988/phillipps/index.html">
+<meta property="og:title" content="1988/phillipps - Least likely to compile successfully">
+<meta property="og:description" content="12 Days of Christmas recursive main() calls w/tables. 1988 IOCCC entry phillipps - Least likely to compile successfully">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1988/phillipps - Least likely to compile successfully</h2>
diff --git a/1988/reddy/index.html b/1988/reddy/index.html
index dd9b7df797..c7d3e49c36 100644
--- a/1988/reddy/index.html
+++ b/1988/reddy/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1988/reddy - Most useful obfuscated C program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1988 IOCCC entry reddy - Most useful obfuscated C program">
+<meta name="description" content="prints name of 'char *(*(foo[16])()' compressed. 1988 IOCCC entry reddy - Most useful obfuscated C program">
 <meta name="keywords" content="IOCCC, 1988, IOCCC 1988, IOCCC entry, reddy, Most useful obfuscated C program">
+<link rel="canonical" href="https://www.ioccc.org/1988/reddy/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1988/reddy/index.html">
+<meta property="og:title" content="1988/reddy - Most useful obfuscated C program">
+<meta property="og:description" content="prints name of 'char *(*(foo[16])()' compressed. 1988 IOCCC entry reddy - Most useful obfuscated C program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1988/reddy - Most useful obfuscated C program</h2>
diff --git a/1988/robison/index.html b/1988/robison/index.html
index bc78bda71f..1f93825292 100644
--- a/1988/robison/index.html
+++ b/1988/robison/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1988/robison - Best abuse of C constructs</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1988 IOCCC entry robison - Best abuse of C constructs">
+<meta name="description" content="print e in any base using only -- &gt;&equals; and while(). 1988 IOCCC entry robison - Best abuse of C constructs">
 <meta name="keywords" content="IOCCC, 1988, IOCCC 1988, IOCCC entry, robison, Best abuse of C constructs">
+<link rel="canonical" href="https://www.ioccc.org/1988/robison/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1988/robison/index.html">
+<meta property="og:title" content="1988/robison - Best abuse of C constructs">
+<meta property="og:description" content="print e in any base using only -- &gt;&equals; and while(). 1988 IOCCC entry robison - Best abuse of C constructs">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1988/robison - Best abuse of C constructs</h2>
diff --git a/1988/spinellis/index.html b/1988/spinellis/index.html
index 248bafa902..a6ab32c832 100644
--- a/1988/spinellis/index.html
+++ b/1988/spinellis/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1988/spinellis - Best abuse of the rules</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1988 IOCCC entry spinellis - Best abuse of the rules">
+<meta name="description" content="include /dev/tty. 1988 IOCCC entry spinellis - Best abuse of the rules">
 <meta name="keywords" content="IOCCC, 1988, IOCCC 1988, IOCCC entry, spinellis, Best abuse of the rules">
+<link rel="canonical" href="https://www.ioccc.org/1988/spinellis/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1988/spinellis/index.html">
+<meta property="og:title" content="1988/spinellis - Best abuse of the rules">
+<meta property="og:description" content="include /dev/tty. 1988 IOCCC entry spinellis - Best abuse of the rules">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1988/spinellis - Best abuse of the rules</h2>
diff --git a/1988/westley/index.html b/1988/westley/index.html
index e3e6cb4320..e2b44e42b4 100644
--- a/1988/westley/index.html
+++ b/1988/westley/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1988/westley - Best layout</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1988 IOCCC entry westley - Best layout">
+<meta name="description" content="prints '3.141' with circle made of '_-_-_-_'. 1988 IOCCC entry westley - Best layout">
 <meta name="keywords" content="IOCCC, 1988, IOCCC 1988, IOCCC entry, westley, Best layout">
+<link rel="canonical" href="https://www.ioccc.org/1988/westley/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1988/westley/index.html">
+<meta property="og:title" content="1988/westley - Best layout">
+<meta property="og:description" content="prints '3.141' with circle made of '_-_-_-_'. 1988 IOCCC entry westley - Best layout">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1988/westley - Best layout</h2>
diff --git a/1989/fubar/index.html b/1989/fubar/index.html
index 2e2d88955a..f02ba336c3 100644
--- a/1989/fubar/index.html
+++ b/1989/fubar/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1989/fubar - Best self-modifying program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1989 IOCCC entry fubar - Best self-modifying program">
+<meta name="description" content="self-reconstructing recompiling factorial program. 1989 IOCCC entry fubar - Best self-modifying program">
 <meta name="keywords" content="IOCCC, 1989, IOCCC 1989, IOCCC entry, fubar, Best self-modifying program">
+<link rel="canonical" href="https://www.ioccc.org/1989/fubar/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1989/fubar/index.html">
+<meta property="og:title" content="1989/fubar - Best self-modifying program">
+<meta property="og:description" content="self-reconstructing recompiling factorial program. 1989 IOCCC entry fubar - Best self-modifying program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1989/fubar - Best self-modifying program</h2>
diff --git a/1989/jar.1/index.html b/1989/jar.1/index.html
index 521f063799..1a7ba1b584 100644
--- a/1989/jar.1/index.html
+++ b/1989/jar.1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1989/jar.1 - Strangest abuse of the rules</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1989 IOCCC entry jar.1 - Strangest abuse of the rules">
+<meta name="description" content="Hello world as a C string. 1989 IOCCC entry jar.1 - Strangest abuse of the rules">
 <meta name="keywords" content="IOCCC, 1989, IOCCC 1989, IOCCC entry, jar.1, Strangest abuse of the rules">
+<link rel="canonical" href="https://www.ioccc.org/1989/jar.1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1989/jar.1/index.html">
+<meta property="og:title" content="1989/jar.1 - Strangest abuse of the rules">
+<meta property="og:description" content="Hello world as a C string. 1989 IOCCC entry jar.1 - Strangest abuse of the rules">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1989/jar.1 - Strangest abuse of the rules</h2>
diff --git a/1989/jar.2/index.html b/1989/jar.2/index.html
index 4b60c2e970..f74cea02a8 100644
--- a/1989/jar.2/index.html
+++ b/1989/jar.2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1989/jar.2 - Best of Show</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1989 IOCCC entry jar.2 - Best of Show">
+<meta name="description" content="lisp interpreter that is compressed. 1989 IOCCC entry jar.2 - Best of Show">
 <meta name="keywords" content="IOCCC, 1989, IOCCC 1989, IOCCC entry, jar.2, Best of Show">
+<link rel="canonical" href="https://www.ioccc.org/1989/jar.2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1989/jar.2/index.html">
+<meta property="og:title" content="1989/jar.2 - Best of Show">
+<meta property="og:description" content="lisp interpreter that is compressed. 1989 IOCCC entry jar.2 - Best of Show">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1989/jar.2 - Best of Show</h2>
diff --git a/1989/ovdluhe/index.html b/1989/ovdluhe/index.html
index 0f49299fed..10b3c3296a 100644
--- a/1989/ovdluhe/index.html
+++ b/1989/ovdluhe/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1989/ovdluhe - Most humorous output</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1989 IOCCC entry ovdluhe - Most humorous output">
+<meta name="description" content="monkey-typer following template with APE identifiers. 1989 IOCCC entry ovdluhe - Most humorous output">
 <meta name="keywords" content="IOCCC, 1989, IOCCC 1989, IOCCC entry, ovdluhe, Most humorous output">
+<link rel="canonical" href="https://www.ioccc.org/1989/ovdluhe/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1989/ovdluhe/index.html">
+<meta property="og:title" content="1989/ovdluhe - Most humorous output">
+<meta property="og:description" content="monkey-typer following template with APE identifiers. 1989 IOCCC entry ovdluhe - Most humorous output">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1989/ovdluhe - Most humorous output</h2>
diff --git a/1989/paul/index.html b/1989/paul/index.html
index cf7e91cc42..6960eb70d0 100644
--- a/1989/paul/index.html
+++ b/1989/paul/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1989/paul - Most complex algorithm</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1989 IOCCC entry paul - Most complex algorithm">
+<meta name="description" content="print fibonacci base 2 by simulating turing machine. 1989 IOCCC entry paul - Most complex algorithm">
 <meta name="keywords" content="IOCCC, 1989, IOCCC 1989, IOCCC entry, paul, Most complex algorithm">
+<link rel="canonical" href="https://www.ioccc.org/1989/paul/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1989/paul/index.html">
+<meta property="og:title" content="1989/paul - Most complex algorithm">
+<meta property="og:description" content="print fibonacci base 2 by simulating turing machine. 1989 IOCCC entry paul - Most complex algorithm">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1989/paul - Most complex algorithm</h2>
diff --git a/1989/robison/index.html b/1989/robison/index.html
index e89801a308..5c24a0cae1 100644
--- a/1989/robison/index.html
+++ b/1989/robison/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1989/robison - Best minimal use of C</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1989 IOCCC entry robison - Best minimal use of C">
+<meta name="description" content="apl-expression interpreter (binary) written in C--. 1989 IOCCC entry robison - Best minimal use of C">
 <meta name="keywords" content="IOCCC, 1989, IOCCC 1989, IOCCC entry, robison, Best minimal use of C">
+<link rel="canonical" href="https://www.ioccc.org/1989/robison/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1989/robison/index.html">
+<meta property="og:title" content="1989/robison - Best minimal use of C">
+<meta property="og:description" content="apl-expression interpreter (binary) written in C--. 1989 IOCCC entry robison - Best minimal use of C">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1989/robison - Best minimal use of C</h2>
diff --git a/1989/roemer/index.html b/1989/roemer/index.html
index d4dc2cdee0..fad29d89ea 100644
--- a/1989/roemer/index.html
+++ b/1989/roemer/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1989/roemer - Best layout</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1989 IOCCC entry roemer - Best layout">
+<meta name="description" content="prints e with pi shaped layout with _31415 identifiers. 1989 IOCCC entry roemer - Best layout">
 <meta name="keywords" content="IOCCC, 1989, IOCCC 1989, IOCCC entry, roemer, Best layout">
+<link rel="canonical" href="https://www.ioccc.org/1989/roemer/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1989/roemer/index.html">
+<meta property="og:title" content="1989/roemer - Best layout">
+<meta property="og:description" content="prints e with pi shaped layout with _31415 identifiers. 1989 IOCCC entry roemer - Best layout">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1989/roemer - Best layout</h2>
diff --git a/1989/tromp/index.html b/1989/tromp/index.html
index 1bdfb7f3c3..fb38231c54 100644
--- a/1989/tromp/index.html
+++ b/1989/tromp/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1989/tromp - Best game</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1989 IOCCC entry tromp - Best game">
+<meta name="description" content="squished tetris. 1989 IOCCC entry tromp - Best game">
 <meta name="keywords" content="IOCCC, 1989, IOCCC 1989, IOCCC entry, tromp, Best game">
+<link rel="canonical" href="https://www.ioccc.org/1989/tromp/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1989/tromp/index.html">
+<meta property="og:title" content="1989/tromp - Best game">
+<meta property="og:description" content="squished tetris. 1989 IOCCC entry tromp - Best game">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1989/tromp - Best game</h2>
diff --git a/1989/vanb/index.html b/1989/vanb/index.html
index c9a78c08fe..5157b6f2a8 100644
--- a/1989/vanb/index.html
+++ b/1989/vanb/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1989/vanb - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1989 IOCCC entry vanb - Best one liner">
+<meta name="description" content="one-liner prints all subsets of arguments. 1989 IOCCC entry vanb - Best one liner">
 <meta name="keywords" content="IOCCC, 1989, IOCCC 1989, IOCCC entry, vanb, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/1989/vanb/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1989/vanb/index.html">
+<meta property="og:title" content="1989/vanb - Best one liner">
+<meta property="og:description" content="one-liner prints all subsets of arguments. 1989 IOCCC entry vanb - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1989/vanb - Best one liner</h2>
diff --git a/1989/westley/index.html b/1989/westley/index.html
index 4999eea56c..a1a76d0bdb 100644
--- a/1989/westley/index.html
+++ b/1989/westley/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1989/westley - Most algorithms in one program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1989 IOCCC entry westley - Most algorithms in one program">
+<meta name="description" content="reversible and rot13able program that reverses and/or rot13s. 1989 IOCCC entry westley - Most algorithms in one program">
 <meta name="keywords" content="IOCCC, 1989, IOCCC 1989, IOCCC entry, westley, Most algorithms in one program">
+<link rel="canonical" href="https://www.ioccc.org/1989/westley/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1989/westley/index.html">
+<meta property="og:title" content="1989/westley - Most algorithms in one program">
+<meta property="og:description" content="reversible and rot13able program that reverses and/or rot13s. 1989 IOCCC entry westley - Most algorithms in one program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1989/westley - Most algorithms in one program</h2>
diff --git a/1990/baruch/index.html b/1990/baruch/index.html
index f74ca9005b..b67d3d48e6 100644
--- a/1990/baruch/index.html
+++ b/1990/baruch/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1990/baruch - Best small program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1990 IOCCC entry baruch - Best small program">
+<meta name="description" content="short prog to solve N-queens problem. 1990 IOCCC entry baruch - Best small program">
 <meta name="keywords" content="IOCCC, 1990, IOCCC 1990, IOCCC entry, baruch, Best small program">
+<link rel="canonical" href="https://www.ioccc.org/1990/baruch/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1990/baruch/index.html">
+<meta property="og:title" content="1990/baruch - Best small program">
+<meta property="og:description" content="short prog to solve N-queens problem. 1990 IOCCC entry baruch - Best small program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1990/baruch - Best small program</h2>
diff --git a/1990/cmills/index.html b/1990/cmills/index.html
index 62452ce029..3a085fba48 100644
--- a/1990/cmills/index.html
+++ b/1990/cmills/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1990/cmills - Best game</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1990 IOCCC entry cmills - Best game">
+<meta name="description" content="squished blackjack game. 1990 IOCCC entry cmills - Best game">
 <meta name="keywords" content="IOCCC, 1990, IOCCC 1990, IOCCC entry, cmills, Best game">
+<link rel="canonical" href="https://www.ioccc.org/1990/cmills/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1990/cmills/index.html">
+<meta property="og:title" content="1990/cmills - Best game">
+<meta property="og:description" content="squished blackjack game. 1990 IOCCC entry cmills - Best game">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1990/cmills - Best game</h2>
diff --git a/1990/dds/index.html b/1990/dds/index.html
index 0771934a52..6cbfbd6299 100644
--- a/1990/dds/index.html
+++ b/1990/dds/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1990/dds - Best language tool</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1990 IOCCC entry dds - Best language tool">
+<meta name="description" content="basic interpreter that is heavily compressed. 1990 IOCCC entry dds - Best language tool">
 <meta name="keywords" content="IOCCC, 1990, IOCCC 1990, IOCCC entry, dds, Best language tool">
+<link rel="canonical" href="https://www.ioccc.org/1990/dds/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1990/dds/index.html">
+<meta property="og:title" content="1990/dds - Best language tool">
+<meta property="og:description" content="basic interpreter that is heavily compressed. 1990 IOCCC entry dds - Best language tool">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1990/dds - Best language tool</h2>
diff --git a/1990/dg/index.html b/1990/dg/index.html
index 7e1e323f37..24fef1f018 100644
--- a/1990/dg/index.html
+++ b/1990/dg/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1990/dg - Best abuse of the C preprocessor</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1990 IOCCC entry dg - Best abuse of the C preprocessor">
+<meta name="description" content="rot13 done with strange cpp macros. 1990 IOCCC entry dg - Best abuse of the C preprocessor">
 <meta name="keywords" content="IOCCC, 1990, IOCCC 1990, IOCCC entry, dg, Best abuse of the C preprocessor">
+<link rel="canonical" href="https://www.ioccc.org/1990/dg/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1990/dg/index.html">
+<meta property="og:title" content="1990/dg - Best abuse of the C preprocessor">
+<meta property="og:description" content="rot13 done with strange cpp macros. 1990 IOCCC entry dg - Best abuse of the C preprocessor">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1990/dg - Best abuse of the C preprocessor</h2>
diff --git a/1990/jaw/index.html b/1990/jaw/index.html
index 045fd6564a..986a32b071 100644
--- a/1990/jaw/index.html
+++ b/1990/jaw/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1990/jaw - Best entropy-reducer</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1990 IOCCC entry jaw - Best entropy-reducer">
+<meta name="description" content="compress and atob standins. 1990 IOCCC entry jaw - Best entropy-reducer">
 <meta name="keywords" content="IOCCC, 1990, IOCCC 1990, IOCCC entry, jaw, Best entropy-reducer">
+<link rel="canonical" href="https://www.ioccc.org/1990/jaw/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1990/jaw/index.html">
+<meta property="og:title" content="1990/jaw - Best entropy-reducer">
+<meta property="og:description" content="compress and atob standins. 1990 IOCCC entry jaw - Best entropy-reducer">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1990/jaw - Best entropy-reducer</h2>
diff --git a/1990/pjr/index.html b/1990/pjr/index.html
index cce4fda6f1..1d521e63cf 100644
--- a/1990/pjr/index.html
+++ b/1990/pjr/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1990/pjr - Most unusual data structure</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1990 IOCCC entry pjr - Most unusual data structure">
+<meta name="description" content="the quick brown fox using CPP defines and structs of functions. 1990 IOCCC entry pjr - Most unusual data structure">
 <meta name="keywords" content="IOCCC, 1990, IOCCC 1990, IOCCC entry, pjr, Most unusual data structure">
+<link rel="canonical" href="https://www.ioccc.org/1990/pjr/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1990/pjr/index.html">
+<meta property="og:title" content="1990/pjr - Most unusual data structure">
+<meta property="og:description" content="the quick brown fox using CPP defines and structs of functions. 1990 IOCCC entry pjr - Most unusual data structure">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1990/pjr - Most unusual data structure</h2>
diff --git a/1990/scjones/index.html b/1990/scjones/index.html
index 7ae1d37a2c..d58c92b9c5 100644
--- a/1990/scjones/index.html
+++ b/1990/scjones/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1990/scjones - ANSI Committee's worst abuse of C</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1990 IOCCC entry scjones - ANSI Committee's worst abuse of C">
+<meta name="description" content="trigraph-abusing self-reproducing program. 1990 IOCCC entry scjones - ANSI Committee's worst abuse of C">
 <meta name="keywords" content="IOCCC, 1990, IOCCC 1990, IOCCC entry, scjones, ANSI Committee's worst abuse of C">
+<link rel="canonical" href="https://www.ioccc.org/1990/scjones/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1990/scjones/index.html">
+<meta property="og:title" content="1990/scjones - ANSI Committee's worst abuse of C">
+<meta property="og:description" content="trigraph-abusing self-reproducing program. 1990 IOCCC entry scjones - ANSI Committee's worst abuse of C">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1990/scjones - ANSI Committee's worst abuse of C</h2>
diff --git a/1990/stig/index.html b/1990/stig/index.html
index e8ab2c27bf..f022e04ba1 100644
--- a/1990/stig/index.html
+++ b/1990/stig/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1990/stig - Strangest abuse of the rules</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1990 IOCCC entry stig - Strangest abuse of the rules">
+<meta name="description" content="nested-comment tester (all on command line). 1990 IOCCC entry stig - Strangest abuse of the rules">
 <meta name="keywords" content="IOCCC, 1990, IOCCC 1990, IOCCC entry, stig, Strangest abuse of the rules">
+<link rel="canonical" href="https://www.ioccc.org/1990/stig/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1990/stig/index.html">
+<meta property="og:title" content="1990/stig - Strangest abuse of the rules">
+<meta property="og:description" content="nested-comment tester (all on command line). 1990 IOCCC entry stig - Strangest abuse of the rules">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1990/stig - Strangest abuse of the rules</h2>
diff --git a/1990/tbr/index.html b/1990/tbr/index.html
index 46caa74bf1..4938d836a5 100644
--- a/1990/tbr/index.html
+++ b/1990/tbr/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1990/tbr - Best utility</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1990 IOCCC entry tbr - Best utility">
+<meta name="description" content="simple compressed shell with silly layout. 1990 IOCCC entry tbr - Best utility">
 <meta name="keywords" content="IOCCC, 1990, IOCCC 1990, IOCCC entry, tbr, Best utility">
+<link rel="canonical" href="https://www.ioccc.org/1990/tbr/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1990/tbr/index.html">
+<meta property="og:title" content="1990/tbr - Best utility">
+<meta property="og:description" content="simple compressed shell with silly layout. 1990 IOCCC entry tbr - Best utility">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1990/tbr - Best utility</h2>
diff --git a/1990/theorem/index.html b/1990/theorem/index.html
index f5411b0da7..cdade6b3be 100644
--- a/1990/theorem/index.html
+++ b/1990/theorem/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1990/theorem - Best of Show</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1990 IOCCC entry theorem - Best of Show">
+<meta name="description" content="numerically solves the equation y'&equals;f(x y). 1990 IOCCC entry theorem - Best of Show">
 <meta name="keywords" content="IOCCC, 1990, IOCCC 1990, IOCCC entry, theorem, Best of Show">
+<link rel="canonical" href="https://www.ioccc.org/1990/theorem/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1990/theorem/index.html">
+<meta property="og:title" content="1990/theorem - Best of Show">
+<meta property="og:description" content="numerically solves the equation y'&equals;f(x y). 1990 IOCCC entry theorem - Best of Show">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1990/theorem - Best of Show</h2>
diff --git a/1990/westley/index.html b/1990/westley/index.html
index c2c15e396b..7a470ee11e 100644
--- a/1990/westley/index.html
+++ b/1990/westley/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1990/westley - Best layout</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1990 IOCCC entry westley - Best layout">
+<meta name="description" content="poetic exchange between lovers that prints luvs me or not. 1990 IOCCC entry westley - Best layout">
 <meta name="keywords" content="IOCCC, 1990, IOCCC 1990, IOCCC entry, westley, Best layout">
+<link rel="canonical" href="https://www.ioccc.org/1990/westley/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1990/westley/index.html">
+<meta property="og:title" content="1990/westley - Best layout">
+<meta property="og:description" content="poetic exchange between lovers that prints luvs me or not. 1990 IOCCC entry westley - Best layout">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1990/westley - Best layout</h2>
diff --git a/1991/ant/index.html b/1991/ant/index.html
index fa6c51250c..0dd372efbc 100644
--- a/1991/ant/index.html
+++ b/1991/ant/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1991/ant - Best utility</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1991 IOCCC entry ant - Best utility">
+<meta name="description" content="compressed vi-like editor. 1991 IOCCC entry ant - Best utility">
 <meta name="keywords" content="IOCCC, 1991, IOCCC 1991, IOCCC entry, ant, Best utility">
+<link rel="canonical" href="https://www.ioccc.org/1991/ant/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1991/ant/index.html">
+<meta property="og:title" content="1991/ant - Best utility">
+<meta property="og:description" content="compressed vi-like editor. 1991 IOCCC entry ant - Best utility">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1991/ant - Best utility</h2>
diff --git a/1991/brnstnd/index.html b/1991/brnstnd/index.html
index 41d3e05b2e..9fa43160e7 100644
--- a/1991/brnstnd/index.html
+++ b/1991/brnstnd/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1991/brnstnd - Best of Show</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1991 IOCCC entry brnstnd - Best of Show">
+<meta name="description" content="sorta stack language. 1991 IOCCC entry brnstnd - Best of Show">
 <meta name="keywords" content="IOCCC, 1991, IOCCC 1991, IOCCC entry, brnstnd, Best of Show">
+<link rel="canonical" href="https://www.ioccc.org/1991/brnstnd/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1991/brnstnd/index.html">
+<meta property="og:title" content="1991/brnstnd - Best of Show">
+<meta property="og:description" content="sorta stack language. 1991 IOCCC entry brnstnd - Best of Show">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1991/brnstnd - Best of Show</h2>
diff --git a/1991/brnstnd/sorta.README.html b/1991/brnstnd/sorta.README.html
index 72edab03dd..f458020283 100644
--- a/1991/brnstnd/sorta.README.html
+++ b/1991/brnstnd/sorta.README.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="sorta.README.md for 1991/brnstnd">
 <meta name="keywords" content="IOCCC, 1991/brnstnd, sorta.README.md">
+<link rel="canonical" href="https://www.ioccc.org/1991/brnstnd/sorta.README.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/1991/brnstnd/sorta.README.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="sorta.README.md for 1991/brnstnd">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>sorta.README.html for 1991/brnstnd</h2>
diff --git a/1991/buzzard/index.html b/1991/buzzard/index.html
index c92033e524..3f2455a843 100644
--- a/1991/buzzard/index.html
+++ b/1991/buzzard/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1991/buzzard - Best output</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1991 IOCCC entry buzzard - Best output">
+<meta name="description" content="walk thru a maze from a first person point of view. 1991 IOCCC entry buzzard - Best output">
 <meta name="keywords" content="IOCCC, 1991, IOCCC 1991, IOCCC entry, buzzard, Best output">
+<link rel="canonical" href="https://www.ioccc.org/1991/buzzard/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1991/buzzard/index.html">
+<meta property="og:title" content="1991/buzzard - Best output">
+<meta property="og:description" content="walk thru a maze from a first person point of view. 1991 IOCCC entry buzzard - Best output">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1991/buzzard - Best output</h2>
diff --git a/1991/cdupont/index.html b/1991/cdupont/index.html
index f8dc669c82..497087da3e 100644
--- a/1991/cdupont/index.html
+++ b/1991/cdupont/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1991/cdupont - Most useful label</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1991 IOCCC entry cdupont - Most useful label">
+<meta name="description" content="prints a message without vowels. 1991 IOCCC entry cdupont - Most useful label">
 <meta name="keywords" content="IOCCC, 1991, IOCCC 1991, IOCCC entry, cdupont, Most useful label">
+<link rel="canonical" href="https://www.ioccc.org/1991/cdupont/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1991/cdupont/index.html">
+<meta property="og:title" content="1991/cdupont - Most useful label">
+<meta property="og:description" content="prints a message without vowels. 1991 IOCCC entry cdupont - Most useful label">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1991/cdupont - Most useful label</h2>
diff --git a/1991/davidguy/index.html b/1991/davidguy/index.html
index 984f9ab1ba..e1ca56b276 100644
--- a/1991/davidguy/index.html
+++ b/1991/davidguy/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1991/davidguy - Best X11 graphics</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1991 IOCCC entry davidguy - Best X11 graphics">
+<meta name="description" content="plays life on a root window w/o Xlib nor include files. 1991 IOCCC entry davidguy - Best X11 graphics">
 <meta name="keywords" content="IOCCC, 1991, IOCCC 1991, IOCCC entry, davidguy, Best X11 graphics">
+<link rel="canonical" href="https://www.ioccc.org/1991/davidguy/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1991/davidguy/index.html">
+<meta property="og:title" content="1991/davidguy - Best X11 graphics">
+<meta property="og:description" content="plays life on a root window w/o Xlib nor include files. 1991 IOCCC entry davidguy - Best X11 graphics">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1991/davidguy - Best X11 graphics</h2>
diff --git a/1991/dds/index.html b/1991/dds/index.html
index 4f28db34af..0718726ca2 100644
--- a/1991/dds/index.html
+++ b/1991/dds/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1991/dds - Most well rounded</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1991 IOCCC entry dds - Most well rounded">
+<meta name="description" content="basic compiler that is heavily compressed. 1991 IOCCC entry dds - Most well rounded">
 <meta name="keywords" content="IOCCC, 1991, IOCCC 1991, IOCCC entry, dds, Most well rounded">
+<link rel="canonical" href="https://www.ioccc.org/1991/dds/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1991/dds/index.html">
+<meta property="og:title" content="1991/dds - Most well rounded">
+<meta property="og:description" content="basic compiler that is heavily compressed. 1991 IOCCC entry dds - Most well rounded">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1991/dds - Most well rounded</h2>
diff --git a/1991/fine/index.html b/1991/fine/index.html
index 5e3aa96d5d..ab331fea46 100644
--- a/1991/fine/index.html
+++ b/1991/fine/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1991/fine - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1991 IOCCC entry fine - Best one liner">
+<meta name="description" content="rot13s lines of input. 1991 IOCCC entry fine - Best one liner">
 <meta name="keywords" content="IOCCC, 1991, IOCCC 1991, IOCCC entry, fine, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/1991/fine/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1991/fine/index.html">
+<meta property="og:title" content="1991/fine - Best one liner">
+<meta property="og:description" content="rot13s lines of input. 1991 IOCCC entry fine - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1991/fine - Best one liner</h2>
diff --git a/1991/rince/index.html b/1991/rince/index.html
index a7136e475c..66b2646547 100644
--- a/1991/rince/index.html
+++ b/1991/rince/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1991/rince - Best game</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1991 IOCCC entry rince - Best game">
+<meta name="description" content="game with sprites and boulders and dimonds and keys. 1991 IOCCC entry rince - Best game">
 <meta name="keywords" content="IOCCC, 1991, IOCCC 1991, IOCCC entry, rince, Best game">
+<link rel="canonical" href="https://www.ioccc.org/1991/rince/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1991/rince/index.html">
+<meta property="og:title" content="1991/rince - Best game">
+<meta property="og:description" content="game with sprites and boulders and dimonds and keys. 1991 IOCCC entry rince - Best game">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1991/rince - Best game</h2>
diff --git a/1991/westley/index.html b/1991/westley/index.html
index b54e39bfec..09611532d3 100644
--- a/1991/westley/index.html
+++ b/1991/westley/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1991/westley - Grand Prize</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1991 IOCCC entry westley - Grand Prize">
+<meta name="description" content="plays tic-tac-toe where output for next move that prints board. 1991 IOCCC entry westley - Grand Prize">
 <meta name="keywords" content="IOCCC, 1991, IOCCC 1991, IOCCC entry, westley, Grand Prize">
+<link rel="canonical" href="https://www.ioccc.org/1991/westley/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1991/westley/index.html">
+<meta property="og:title" content="1991/westley - Grand Prize">
+<meta property="og:description" content="plays tic-tac-toe where output for next move that prints board. 1991 IOCCC entry westley - Grand Prize">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1991/westley - Grand Prize</h2>
diff --git a/1992/adrian/index.html b/1992/adrian/index.html
index 2aec7818b1..ec9992ca90 100644
--- a/1992/adrian/index.html
+++ b/1992/adrian/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1992/adrian - Most educational</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1992 IOCCC entry adrian - Most educational">
+<meta name="description" content="grep-like utility using a state machine transition language. 1992 IOCCC entry adrian - Most educational">
 <meta name="keywords" content="IOCCC, 1992, IOCCC 1992, IOCCC entry, adrian, Most educational">
+<link rel="canonical" href="https://www.ioccc.org/1992/adrian/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1992/adrian/index.html">
+<meta property="og:title" content="1992/adrian - Most educational">
+<meta property="og:description" content="grep-like utility using a state machine transition language. 1992 IOCCC entry adrian - Most educational">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1992/adrian - Most educational</h2>
diff --git a/1992/albert/index.html b/1992/albert/index.html
index 46417d87c5..9e19195fc8 100644
--- a/1992/albert/index.html
+++ b/1992/albert/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1992/albert - Most useful program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1992 IOCCC entry albert - Most useful program">
+<meta name="description" content="factors multi-precision numbers with factors &lt; MAX_LONG. 1992 IOCCC entry albert - Most useful program">
 <meta name="keywords" content="IOCCC, 1992, IOCCC 1992, IOCCC entry, albert, Most useful program">
+<link rel="canonical" href="https://www.ioccc.org/1992/albert/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1992/albert/index.html">
+<meta property="og:title" content="1992/albert - Most useful program">
+<meta property="og:description" content="factors multi-precision numbers with factors &lt; MAX_LONG. 1992 IOCCC entry albert - Most useful program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1992/albert - Most useful program</h2>
diff --git a/1992/ant/index.html b/1992/ant/index.html
index ed8c7c714e..296b1d7757 100644
--- a/1992/ant/index.html
+++ b/1992/ant/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1992/ant - Best utility</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1992 IOCCC entry ant - Best utility">
+<meta name="description" content="make utility. 1992 IOCCC entry ant - Best utility">
 <meta name="keywords" content="IOCCC, 1992, IOCCC 1992, IOCCC entry, ant, Best utility">
+<link rel="canonical" href="https://www.ioccc.org/1992/ant/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1992/ant/index.html">
+<meta property="og:title" content="1992/ant - Best utility">
+<meta property="og:description" content="make utility. 1992 IOCCC entry ant - Best utility">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1992/ant - Best utility</h2>
diff --git a/1992/buzzard.1/index.html b/1992/buzzard.1/index.html
index dd9a3b547c..918a3cc581 100644
--- a/1992/buzzard.1/index.html
+++ b/1992/buzzard.1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1992/buzzard.1 - Most obfuscated algorithm</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1992 IOCCC entry buzzard.1 - Most obfuscated algorithm">
+<meta name="description" content="print factorial or gcd or prime test w/Babbage-like engine. 1992 IOCCC entry buzzard.1 - Most obfuscated algorithm">
 <meta name="keywords" content="IOCCC, 1992, IOCCC 1992, IOCCC entry, buzzard.1, Most obfuscated algorithm">
+<link rel="canonical" href="https://www.ioccc.org/1992/buzzard.1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1992/buzzard.1/index.html">
+<meta property="og:title" content="1992/buzzard.1 - Most obfuscated algorithm">
+<meta property="og:description" content="print factorial or gcd or prime test w/Babbage-like engine. 1992 IOCCC entry buzzard.1 - Most obfuscated algorithm">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1992/buzzard.1 - Most obfuscated algorithm</h2>
diff --git a/1992/buzzard.2/buzzard.2.README.html b/1992/buzzard.2/buzzard.2.README.html
index 98c34641d3..ea5d7a261a 100644
--- a/1992/buzzard.2/buzzard.2.README.html
+++ b/1992/buzzard.2/buzzard.2.README.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="buzzard.2.README.md for 1992/buzzard.2">
 <meta name="keywords" content="IOCCC, 1992/buzzard.2, buzzard.2.README.md">
+<link rel="canonical" href="https://www.ioccc.org/1992/buzzard.2/buzzard.2.README.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/1992/buzzard.2/buzzard.2.README.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="buzzard.2.README.md for 1992/buzzard.2">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>buzzard.2.README.html for 1992/buzzard.2</h2>
diff --git a/1992/buzzard.2/buzzard.2.design.html b/1992/buzzard.2/buzzard.2.design.html
index 978b7cb3c9..788a0c97a7 100644
--- a/1992/buzzard.2/buzzard.2.design.html
+++ b/1992/buzzard.2/buzzard.2.design.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="buzzard.2.design.md for 1992/buzzard.2">
 <meta name="keywords" content="IOCCC, 1992/buzzard.2, buzzard.2.design.md">
+<link rel="canonical" href="https://www.ioccc.org/1992/buzzard.2/buzzard.2.design.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/1992/buzzard.2/buzzard.2.design.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="buzzard.2.design.md for 1992/buzzard.2">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>buzzard.2.design.html for 1992/buzzard.2</h2>
diff --git a/1992/buzzard.2/index.html b/1992/buzzard.2/index.html
index bf68a16c2f..188ae1a2d8 100644
--- a/1992/buzzard.2/index.html
+++ b/1992/buzzard.2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1992/buzzard.2 - Best language tool</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1992 IOCCC entry buzzard.2 - Best language tool">
+<meta name="description" content="forth-like stack machine. 1992 IOCCC entry buzzard.2 - Best language tool">
 <meta name="keywords" content="IOCCC, 1992, IOCCC 1992, IOCCC entry, buzzard.2, Best language tool">
+<link rel="canonical" href="https://www.ioccc.org/1992/buzzard.2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1992/buzzard.2/index.html">
+<meta property="og:title" content="1992/buzzard.2 - Best language tool">
+<meta property="og:description" content="forth-like stack machine. 1992 IOCCC entry buzzard.2 - Best language tool">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1992/buzzard.2 - Best language tool</h2>
diff --git a/1992/gson/index.html b/1992/gson/index.html
index 13617de972..b4b82fb7ca 100644
--- a/1992/gson/index.html
+++ b/1992/gson/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1992/gson - Most humorous output</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1992 IOCCC entry gson - Most humorous output">
+<meta name="description" content="anagram generator. 1992 IOCCC entry gson - Most humorous output">
 <meta name="keywords" content="IOCCC, 1992, IOCCC 1992, IOCCC entry, gson, Most humorous output">
+<link rel="canonical" href="https://www.ioccc.org/1992/gson/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1992/gson/index.html">
+<meta property="og:title" content="1992/gson - Most humorous output">
+<meta property="og:description" content="anagram generator. 1992 IOCCC entry gson - Most humorous output">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1992/gson - Most humorous output</h2>
diff --git a/1992/imc/index.html b/1992/imc/index.html
index 0576cbb7e5..3f68d8ebe2 100644
--- a/1992/imc/index.html
+++ b/1992/imc/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1992/imc - Best output</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1992 IOCCC entry imc - Best output">
+<meta name="description" content="Mandelbrot/Julia drawer. 1992 IOCCC entry imc - Best output">
 <meta name="keywords" content="IOCCC, 1992, IOCCC 1992, IOCCC entry, imc, Best output">
+<link rel="canonical" href="https://www.ioccc.org/1992/imc/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1992/imc/index.html">
+<meta property="og:title" content="1992/imc - Best output">
+<meta property="og:description" content="Mandelbrot/Julia drawer. 1992 IOCCC entry imc - Best output">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1992/imc - Best output</h2>
diff --git a/1992/kivinen/index.html b/1992/kivinen/index.html
index 1483efb19e..7b7c5d3a98 100644
--- a/1992/kivinen/index.html
+++ b/1992/kivinen/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1992/kivinen - Best X program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1992 IOCCC entry kivinen - Best X program">
+<meta name="description" content="X11 space invaders and dropout and knockout games. 1992 IOCCC entry kivinen - Best X program">
 <meta name="keywords" content="IOCCC, 1992, IOCCC 1992, IOCCC entry, kivinen, Best X program">
+<link rel="canonical" href="https://www.ioccc.org/1992/kivinen/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1992/kivinen/index.html">
+<meta property="og:title" content="1992/kivinen - Best X program">
+<meta property="og:description" content="X11 space invaders and dropout and knockout games. 1992 IOCCC entry kivinen - Best X program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1992/kivinen - Best X program</h2>
diff --git a/1992/lush/index.html b/1992/lush/index.html
index 5ea287c765..1b6a3d8343 100644
--- a/1992/lush/index.html
+++ b/1992/lush/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1992/lush - Worst abuse of the C preprocessor</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1992 IOCCC entry lush - Worst abuse of the C preprocessor">
+<meta name="description" content="prints Hello World using error messages. 1992 IOCCC entry lush - Worst abuse of the C preprocessor">
 <meta name="keywords" content="IOCCC, 1992, IOCCC 1992, IOCCC entry, lush, Worst abuse of the C preprocessor">
+<link rel="canonical" href="https://www.ioccc.org/1992/lush/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1992/lush/index.html">
+<meta property="og:title" content="1992/lush - Worst abuse of the C preprocessor">
+<meta property="og:description" content="prints Hello World using error messages. 1992 IOCCC entry lush - Worst abuse of the C preprocessor">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1992/lush - Worst abuse of the C preprocessor</h2>
diff --git a/1992/marangon/index.html b/1992/marangon/index.html
index f188df8adf..4e718f4d2b 100644
--- a/1992/marangon/index.html
+++ b/1992/marangon/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1992/marangon - Best game</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1992 IOCCC entry marangon - Best game">
+<meta name="description" content="game to balance a grid of digits to all 5's. 1992 IOCCC entry marangon - Best game">
 <meta name="keywords" content="IOCCC, 1992, IOCCC 1992, IOCCC entry, marangon, Best game">
+<link rel="canonical" href="https://www.ioccc.org/1992/marangon/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1992/marangon/index.html">
+<meta property="og:title" content="1992/marangon - Best game">
+<meta property="og:description" content="game to balance a grid of digits to all 5's. 1992 IOCCC entry marangon - Best game">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1992/marangon - Best game</h2>
diff --git a/1992/nathan/index.html b/1992/nathan/index.html
index 679b48923b..66daab165a 100644
--- a/1992/nathan/index.html
+++ b/1992/nathan/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1992/nathan - Worst abuse of the rules</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1992 IOCCC entry nathan - Worst abuse of the rules">
+<meta name="description" content="obfuscation by (trivial) encryption (source not exported). 1992 IOCCC entry nathan - Worst abuse of the rules">
 <meta name="keywords" content="IOCCC, 1992, IOCCC 1992, IOCCC entry, nathan, Worst abuse of the rules">
+<link rel="canonical" href="https://www.ioccc.org/1992/nathan/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1992/nathan/index.html">
+<meta property="og:title" content="1992/nathan - Worst abuse of the rules">
+<meta property="og:description" content="obfuscation by (trivial) encryption (source not exported). 1992 IOCCC entry nathan - Worst abuse of the rules">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1992/nathan - Worst abuse of the rules</h2>
diff --git a/1992/vern/index.html b/1992/vern/index.html
index e46b24feab..78d6a8b867 100644
--- a/1992/vern/index.html
+++ b/1992/vern/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1992/vern - Best of Show</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1992 IOCCC entry vern - Best of Show">
+<meta name="description" content="plays chess. 1992 IOCCC entry vern - Best of Show">
 <meta name="keywords" content="IOCCC, 1992, IOCCC 1992, IOCCC entry, vern, Best of Show">
+<link rel="canonical" href="https://www.ioccc.org/1992/vern/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1992/vern/index.html">
+<meta property="og:title" content="1992/vern - Best of Show">
+<meta property="og:description" content="plays chess. 1992 IOCCC entry vern - Best of Show">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1992/vern - Best of Show</h2>
diff --git a/1992/westley/index.html b/1992/westley/index.html
index 6f9ac45278..07f3f87eb3 100644
--- a/1992/westley/index.html
+++ b/1992/westley/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1992/westley - Best small program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1992 IOCCC entry westley - Best small program">
+<meta name="description" content="print ASCII world map and mark a location by lat/long. 1992 IOCCC entry westley - Best small program">
 <meta name="keywords" content="IOCCC, 1992, IOCCC 1992, IOCCC entry, westley, Best small program">
+<link rel="canonical" href="https://www.ioccc.org/1992/westley/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1992/westley/index.html">
+<meta property="og:title" content="1992/westley - Best small program">
+<meta property="og:description" content="print ASCII world map and mark a location by lat/long. 1992 IOCCC entry westley - Best small program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1992/westley - Best small program</h2>
diff --git a/1993/ant/index.html b/1993/ant/index.html
index 302a496339..2b5b78e33a 100644
--- a/1993/ant/index.html
+++ b/1993/ant/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1993/ant - Best utility</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1993 IOCCC entry ant - Best utility">
+<meta name="description" content="egrep utility with Posix-like documentation. 1993 IOCCC entry ant - Best utility">
 <meta name="keywords" content="IOCCC, 1993, IOCCC 1993, IOCCC entry, ant, Best utility">
+<link rel="canonical" href="https://www.ioccc.org/1993/ant/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1993/ant/index.html">
+<meta property="og:title" content="1993/ant - Best utility">
+<meta property="og:description" content="egrep utility with Posix-like documentation. 1993 IOCCC entry ant - Best utility">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1993/ant - Best utility</h2>
diff --git a/1993/cmills/index.html b/1993/cmills/index.html
index 7e701f134d..ba94c64e8b 100644
--- a/1993/cmills/index.html
+++ b/1993/cmills/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1993/cmills - Bill Gates Award</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1993 IOCCC entry cmills - Bill Gates Award">
+<meta name="description" content="X11 program that shatters and bounces windows. 1993 IOCCC entry cmills - Bill Gates Award">
 <meta name="keywords" content="IOCCC, 1993, IOCCC 1993, IOCCC entry, cmills, Bill Gates Award">
+<link rel="canonical" href="https://www.ioccc.org/1993/cmills/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1993/cmills/index.html">
+<meta property="og:title" content="1993/cmills - Bill Gates Award">
+<meta property="og:description" content="X11 program that shatters and bounces windows. 1993 IOCCC entry cmills - Bill Gates Award">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1993/cmills - Bill Gates Award</h2>
diff --git a/1993/dgibson/index.html b/1993/dgibson/index.html
index 2453937a02..2c2b6d0abb 100644
--- a/1993/dgibson/index.html
+++ b/1993/dgibson/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1993/dgibson - Best abuse of the C preprocessor</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1993 IOCCC entry dgibson - Best abuse of the C preprocessor">
+<meta name="description" content="plays the game of life using cpp. 1993 IOCCC entry dgibson - Best abuse of the C preprocessor">
 <meta name="keywords" content="IOCCC, 1993, IOCCC 1993, IOCCC entry, dgibson, Best abuse of the C preprocessor">
+<link rel="canonical" href="https://www.ioccc.org/1993/dgibson/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1993/dgibson/index.html">
+<meta property="og:title" content="1993/dgibson - Best abuse of the C preprocessor">
+<meta property="og:description" content="plays the game of life using cpp. 1993 IOCCC entry dgibson - Best abuse of the C preprocessor">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1993/dgibson - Best abuse of the C preprocessor</h2>
diff --git a/1993/ejb/hanoi.html b/1993/ejb/hanoi.html
index 57ab9712e5..482610561e 100644
--- a/1993/ejb/hanoi.html
+++ b/1993/ejb/hanoi.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="hanoi.md for 1993/ejb">
 <meta name="keywords" content="IOCCC, 1993/ejb, hanoi.md">
+<link rel="canonical" href="https://www.ioccc.org/1993/ejb/hanoi.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/1993/ejb/hanoi.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="hanoi.md for 1993/ejb">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>hanoi.html for 1993/ejb</h2>
diff --git a/1993/ejb/index.html b/1993/ejb/index.html
index fff0b33aed..4e70fca9b7 100644
--- a/1993/ejb/index.html
+++ b/1993/ejb/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1993/ejb - Best obfuscated algorithm</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1993 IOCCC entry ejb - Best obfuscated algorithm">
+<meta name="description" content="tower of Hanoi and patience pizzle. 1993 IOCCC entry ejb - Best obfuscated algorithm">
 <meta name="keywords" content="IOCCC, 1993, IOCCC 1993, IOCCC entry, ejb, Best obfuscated algorithm">
+<link rel="canonical" href="https://www.ioccc.org/1993/ejb/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1993/ejb/index.html">
+<meta property="og:title" content="1993/ejb - Best obfuscated algorithm">
+<meta property="og:description" content="tower of Hanoi and patience pizzle. 1993 IOCCC entry ejb - Best obfuscated algorithm">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1993/ejb - Best obfuscated algorithm</h2>
diff --git a/1993/ejb/patience.html b/1993/ejb/patience.html
index c67659c545..83c8a93b25 100644
--- a/1993/ejb/patience.html
+++ b/1993/ejb/patience.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="patience.md for 1993/ejb">
 <meta name="keywords" content="IOCCC, 1993/ejb, patience.md">
+<link rel="canonical" href="https://www.ioccc.org/1993/ejb/patience.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/1993/ejb/patience.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="patience.md for 1993/ejb">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>patience.html for 1993/ejb</h2>
diff --git a/1993/jonth/index.html b/1993/jonth/index.html
index 6020987585..d01eecfd98 100644
--- a/1993/jonth/index.html
+++ b/1993/jonth/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1993/jonth - Most obfuscated X program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1993 IOCCC entry jonth - Most obfuscated X program">
+<meta name="description" content="game of Tetris. 1993 IOCCC entry jonth - Most obfuscated X program">
 <meta name="keywords" content="IOCCC, 1993, IOCCC 1993, IOCCC entry, jonth, Most obfuscated X program">
+<link rel="canonical" href="https://www.ioccc.org/1993/jonth/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1993/jonth/index.html">
+<meta property="og:title" content="1993/jonth - Most obfuscated X program">
+<meta property="og:description" content="game of Tetris. 1993 IOCCC entry jonth - Most obfuscated X program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1993/jonth - Most obfuscated X program</h2>
diff --git a/1993/leo/index.html b/1993/leo/index.html
index 046841fd7d..e040d1ddcc 100644
--- a/1993/leo/index.html
+++ b/1993/leo/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1993/leo - Best game</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1993 IOCCC entry leo - Best game">
+<meta name="description" content="game of mastermind (cows and bulls). 1993 IOCCC entry leo - Best game">
 <meta name="keywords" content="IOCCC, 1993, IOCCC 1993, IOCCC entry, leo, Best game">
+<link rel="canonical" href="https://www.ioccc.org/1993/leo/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1993/leo/index.html">
+<meta property="og:title" content="1993/leo - Best game">
+<meta property="og:description" content="game of mastermind (cows and bulls). 1993 IOCCC entry leo - Best game">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1993/leo - Best game</h2>
diff --git a/1993/lmfjyh/index.html b/1993/lmfjyh/index.html
index 9c5df9e607..0bd5603bd6 100644
--- a/1993/lmfjyh/index.html
+++ b/1993/lmfjyh/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1993/lmfjyh - Most versatile source</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1993 IOCCC entry lmfjyh - Most versatile source">
+<meta name="description" content="source is the filename that prints value of __FILE__. 1993 IOCCC entry lmfjyh - Most versatile source">
 <meta name="keywords" content="IOCCC, 1993, IOCCC 1993, IOCCC entry, lmfjyh, Most versatile source">
+<link rel="canonical" href="https://www.ioccc.org/1993/lmfjyh/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1993/lmfjyh/index.html">
+<meta property="og:title" content="1993/lmfjyh - Most versatile source">
+<meta property="og:description" content="source is the filename that prints value of __FILE__. 1993 IOCCC entry lmfjyh - Most versatile source">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1993/lmfjyh - Most versatile source</h2>
diff --git a/1993/plummer/index.html b/1993/plummer/index.html
index 7d3ec30b5b..5f55dd7059 100644
--- a/1993/plummer/index.html
+++ b/1993/plummer/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1993/plummer - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1993 IOCCC entry plummer - Best one liner">
+<meta name="description" content="prints numbers up to a given value. 1993 IOCCC entry plummer - Best one liner">
 <meta name="keywords" content="IOCCC, 1993, IOCCC 1993, IOCCC entry, plummer, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/1993/plummer/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1993/plummer/index.html">
+<meta property="og:title" content="1993/plummer - Best one liner">
+<meta property="og:description" content="prints numbers up to a given value. 1993 IOCCC entry plummer - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1993/plummer - Best one liner</h2>
diff --git a/1993/rince/design.html b/1993/rince/design.html
index 0a1196e3c4..79c02f8f86 100644
--- a/1993/rince/design.html
+++ b/1993/rince/design.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="design.md for 1993/rince">
 <meta name="keywords" content="IOCCC, 1993/rince, design.md">
+<link rel="canonical" href="https://www.ioccc.org/1993/rince/design.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/1993/rince/design.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="design.md for 1993/rince">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>design.html for 1993/rince</h2>
diff --git a/1993/rince/index.html b/1993/rince/index.html
index ac15e540dc..a70bd0a8da 100644
--- a/1993/rince/index.html
+++ b/1993/rince/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1993/rince - Most well rounded</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1993 IOCCC entry rince - Most well rounded">
+<meta name="description" content="game state machine language that comes with a number of games. 1993 IOCCC entry rince - Most well rounded">
 <meta name="keywords" content="IOCCC, 1993, IOCCC 1993, IOCCC entry, rince, Most well rounded">
+<link rel="canonical" href="https://www.ioccc.org/1993/rince/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1993/rince/index.html">
+<meta property="og:title" content="1993/rince - Most well rounded">
+<meta property="og:description" content="game state machine language that comes with a number of games. 1993 IOCCC entry rince - Most well rounded">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1993/rince - Most well rounded</h2>
diff --git a/1993/schnitzi/index.html b/1993/schnitzi/index.html
index f5a2e23301..941aac2753 100644
--- a/1993/schnitzi/index.html
+++ b/1993/schnitzi/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1993/schnitzi - Obfuscated Intelligence Award</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1993 IOCCC entry schnitzi - Obfuscated Intelligence Award">
+<meta name="description" content="answers questions about English text in a file. 1993 IOCCC entry schnitzi - Obfuscated Intelligence Award">
 <meta name="keywords" content="IOCCC, 1993, IOCCC 1993, IOCCC entry, schnitzi, Obfuscated Intelligence Award">
+<link rel="canonical" href="https://www.ioccc.org/1993/schnitzi/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1993/schnitzi/index.html">
+<meta property="og:title" content="1993/schnitzi - Obfuscated Intelligence Award">
+<meta property="og:description" content="answers questions about English text in a file. 1993 IOCCC entry schnitzi - Obfuscated Intelligence Award">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1993/schnitzi - Obfuscated Intelligence Award</h2>
diff --git a/1993/vanb/index.html b/1993/vanb/index.html
index d099096a8e..fe06f0deff 100644
--- a/1993/vanb/index.html
+++ b/1993/vanb/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1993/vanb - Most irregular expression</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1993 IOCCC entry vanb - Most irregular expression">
+<meta name="description" content="calculator that prints in octal. 1993 IOCCC entry vanb - Most irregular expression">
 <meta name="keywords" content="IOCCC, 1993, IOCCC 1993, IOCCC entry, vanb, Most irregular expression">
+<link rel="canonical" href="https://www.ioccc.org/1993/vanb/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1993/vanb/index.html">
+<meta property="og:title" content="1993/vanb - Most irregular expression">
+<meta property="og:description" content="calculator that prints in octal. 1993 IOCCC entry vanb - Most irregular expression">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1993/vanb - Most irregular expression</h2>
diff --git a/1994/dodsond1/index.html b/1994/dodsond1/index.html
index 2362d30e25..f3dfee3e5f 100644
--- a/1994/dodsond1/index.html
+++ b/1994/dodsond1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1994/dodsond1 - Best game</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1994 IOCCC entry dodsond1 - Best game">
+<meta name="description" content="plays a game of Othello. 1994 IOCCC entry dodsond1 - Best game">
 <meta name="keywords" content="IOCCC, 1994, IOCCC 1994, IOCCC entry, dodsond1, Best game">
+<link rel="canonical" href="https://www.ioccc.org/1994/dodsond1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1994/dodsond1/index.html">
+<meta property="og:title" content="1994/dodsond1 - Best game">
+<meta property="og:description" content="plays a game of Othello. 1994 IOCCC entry dodsond1 - Best game">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1994/dodsond1 - Best game</h2>
diff --git a/1994/dodsond2/index.html b/1994/dodsond2/index.html
index efcdd5631f..90c0dac02b 100644
--- a/1994/dodsond2/index.html
+++ b/1994/dodsond2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1994/dodsond2 - Most obfuscated packaging</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1994 IOCCC entry dodsond2 - Most obfuscated packaging">
+<meta name="description" content="Hunt the Wumpus (gzipped source). 1994 IOCCC entry dodsond2 - Most obfuscated packaging">
 <meta name="keywords" content="IOCCC, 1994, IOCCC 1994, IOCCC entry, dodsond2, Most obfuscated packaging">
+<link rel="canonical" href="https://www.ioccc.org/1994/dodsond2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1994/dodsond2/index.html">
+<meta property="og:title" content="1994/dodsond2 - Most obfuscated packaging">
+<meta property="og:description" content="Hunt the Wumpus (gzipped source). 1994 IOCCC entry dodsond2 - Most obfuscated packaging">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1994/dodsond2 - Most obfuscated packaging</h2>
diff --git a/1994/horton/index.html b/1994/horton/index.html
index 5c4d2572eb..4c6c1c36cc 100644
--- a/1994/horton/index.html
+++ b/1994/horton/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1994/horton - Best utility</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1994 IOCCC entry horton - Best utility">
+<meta name="description" content="Plot cubic equations on a tty. 1994 IOCCC entry horton - Best utility">
 <meta name="keywords" content="IOCCC, 1994, IOCCC 1994, IOCCC entry, horton, Best utility">
+<link rel="canonical" href="https://www.ioccc.org/1994/horton/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1994/horton/index.html">
+<meta property="og:title" content="1994/horton - Best utility">
+<meta property="og:description" content="Plot cubic equations on a tty. 1994 IOCCC entry horton - Best utility">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1994/horton - Best utility</h2>
diff --git a/1994/imc/index.html b/1994/imc/index.html
index 00687f89c5..ba6a69f933 100644
--- a/1994/imc/index.html
+++ b/1994/imc/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1994/imc - Most obfuscated algorithm</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1994 IOCCC entry imc - Most obfuscated algorithm">
+<meta name="description" content="print a random n by n magic square. 1994 IOCCC entry imc - Most obfuscated algorithm">
 <meta name="keywords" content="IOCCC, 1994, IOCCC 1994, IOCCC entry, imc, Most obfuscated algorithm">
+<link rel="canonical" href="https://www.ioccc.org/1994/imc/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1994/imc/index.html">
+<meta property="og:title" content="1994/imc - Most obfuscated algorithm">
+<meta property="og:description" content="print a random n by n magic square. 1994 IOCCC entry imc - Most obfuscated algorithm">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1994/imc - Most obfuscated algorithm</h2>
diff --git a/1994/ldb/index.html b/1994/ldb/index.html
index 943bda2bb5..4a77dde420 100644
--- a/1994/ldb/index.html
+++ b/1994/ldb/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1994/ldb - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1994 IOCCC entry ldb - Best one liner">
+<meta name="description" content="print a random line from stdin. 1994 IOCCC entry ldb - Best one liner">
 <meta name="keywords" content="IOCCC, 1994, IOCCC 1994, IOCCC entry, ldb, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/1994/ldb/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1994/ldb/index.html">
+<meta property="og:title" content="1994/ldb - Best one liner">
+<meta property="og:description" content="print a random line from stdin. 1994 IOCCC entry ldb - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1994/ldb - Best one liner</h2>
diff --git a/1994/schnitzi/index.html b/1994/schnitzi/index.html
index 090bb08dbb..35fb59d070 100644
--- a/1994/schnitzi/index.html
+++ b/1994/schnitzi/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1994/schnitzi - Best layout</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1994 IOCCC entry schnitzi - Best layout">
+<meta name="description" content="flips stdin along a diagonal (source mirrored along diagonal). 1994 IOCCC entry schnitzi - Best layout">
 <meta name="keywords" content="IOCCC, 1994, IOCCC 1994, IOCCC entry, schnitzi, Best layout">
+<link rel="canonical" href="https://www.ioccc.org/1994/schnitzi/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1994/schnitzi/index.html">
+<meta property="og:title" content="1994/schnitzi - Best layout">
+<meta property="og:description" content="flips stdin along a diagonal (source mirrored along diagonal). 1994 IOCCC entry schnitzi - Best layout">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1994/schnitzi - Best layout</h2>
diff --git a/1994/shapiro/index.html b/1994/shapiro/index.html
index a30e916350..77afb1c09e 100644
--- a/1994/shapiro/index.html
+++ b/1994/shapiro/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1994/shapiro - Most well rounded obfuscation</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1994 IOCCC entry shapiro - Most well rounded obfuscation">
+<meta name="description" content="print time of day on a tty. 1994 IOCCC entry shapiro - Most well rounded obfuscation">
 <meta name="keywords" content="IOCCC, 1994, IOCCC 1994, IOCCC entry, shapiro, Most well rounded obfuscation">
+<link rel="canonical" href="https://www.ioccc.org/1994/shapiro/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1994/shapiro/index.html">
+<meta property="og:title" content="1994/shapiro - Most well rounded obfuscation">
+<meta property="og:description" content="print time of day on a tty. 1994 IOCCC entry shapiro - Most well rounded obfuscation">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1994/shapiro - Most well rounded obfuscation</h2>
diff --git a/1994/shapiro/shapiro.html b/1994/shapiro/shapiro.html
index 12fb927947..5b8592e15f 100644
--- a/1994/shapiro/shapiro.html
+++ b/1994/shapiro/shapiro.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="shapiro.md for 1994/shapiro">
 <meta name="keywords" content="IOCCC, 1994/shapiro, shapiro.md">
+<link rel="canonical" href="https://www.ioccc.org/1994/shapiro/shapiro.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/1994/shapiro/shapiro.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="shapiro.md for 1994/shapiro">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>shapiro.html for 1994/shapiro</h2>
diff --git a/1994/smr/index.html b/1994/smr/index.html
index 5ce4b9ab9b..67ec870635 100644
--- a/1994/smr/index.html
+++ b/1994/smr/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1994/smr - Worst abuse of the rules</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1994 IOCCC entry smr - Worst abuse of the rules">
+<meta name="description" content="world's smallest self reproducing program. 1994 IOCCC entry smr - Worst abuse of the rules">
 <meta name="keywords" content="IOCCC, 1994, IOCCC 1994, IOCCC entry, smr, Worst abuse of the rules">
+<link rel="canonical" href="https://www.ioccc.org/1994/smr/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1994/smr/index.html">
+<meta property="og:title" content="1994/smr - Worst abuse of the rules">
+<meta property="og:description" content="world's smallest self reproducing program. 1994 IOCCC entry smr - Worst abuse of the rules">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1994/smr - Worst abuse of the rules</h2>
diff --git a/1994/tvr/index.html b/1994/tvr/index.html
index a1c310672e..71a16b49a0 100644
--- a/1994/tvr/index.html
+++ b/1994/tvr/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1994/tvr - Best X11 program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1994 IOCCC entry tvr - Best X11 program">
+<meta name="description" content="interactive fractals for the X Window System. 1994 IOCCC entry tvr - Best X11 program">
 <meta name="keywords" content="IOCCC, 1994, IOCCC 1994, IOCCC entry, tvr, Best X11 program">
+<link rel="canonical" href="https://www.ioccc.org/1994/tvr/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1994/tvr/index.html">
+<meta property="og:title" content="1994/tvr - Best X11 program">
+<meta property="og:description" content="interactive fractals for the X Window System. 1994 IOCCC entry tvr - Best X11 program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1994/tvr - Best X11 program</h2>
diff --git a/1994/weisberg/index.html b/1994/weisberg/index.html
index f8d1f1fc58..1515e79221 100644
--- a/1994/weisberg/index.html
+++ b/1994/weisberg/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1994/weisberg - Best short program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1994 IOCCC entry weisberg - Best short program">
+<meta name="description" content="prints prime numbers. 1994 IOCCC entry weisberg - Best short program">
 <meta name="keywords" content="IOCCC, 1994, IOCCC 1994, IOCCC entry, weisberg, Best short program">
+<link rel="canonical" href="https://www.ioccc.org/1994/weisberg/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1994/weisberg/index.html">
+<meta property="og:title" content="1994/weisberg - Best short program">
+<meta property="og:description" content="prints prime numbers. 1994 IOCCC entry weisberg - Best short program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1994/weisberg - Best short program</h2>
diff --git a/1994/westley/index.html b/1994/westley/index.html
index ad7ede8eda..2084b205c6 100644
--- a/1994/westley/index.html
+++ b/1994/westley/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1994/westley - Worst abuse of the C preprocessor</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1994 IOCCC entry westley - Worst abuse of the C preprocessor">
+<meta name="description" content="Adventure/Dungeon like game played via the C pre-processor. 1994 IOCCC entry westley - Worst abuse of the C preprocessor">
 <meta name="keywords" content="IOCCC, 1994, IOCCC 1994, IOCCC entry, westley, Worst abuse of the C preprocessor">
+<link rel="canonical" href="https://www.ioccc.org/1994/westley/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1994/westley/index.html">
+<meta property="og:title" content="1994/westley - Worst abuse of the C preprocessor">
+<meta property="og:description" content="Adventure/Dungeon like game played via the C pre-processor. 1994 IOCCC entry westley - Worst abuse of the C preprocessor">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1994/westley - Worst abuse of the C preprocessor</h2>
diff --git a/1995/cdua/index.html b/1995/cdua/index.html
index 432fb3ed2b..25f450f9b5 100644
--- a/1995/cdua/index.html
+++ b/1995/cdua/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1995/cdua - Best output</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1995 IOCCC entry cdua - Best output">
+<meta name="description" content="Generate a maze on the scren and then solve it. 1995 IOCCC entry cdua - Best output">
 <meta name="keywords" content="IOCCC, 1995, IOCCC 1995, IOCCC entry, cdua, Best output">
+<link rel="canonical" href="https://www.ioccc.org/1995/cdua/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1995/cdua/index.html">
+<meta property="og:title" content="1995/cdua - Best output">
+<meta property="og:description" content="Generate a maze on the scren and then solve it. 1995 IOCCC entry cdua - Best output">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1995/cdua - Best output</h2>
diff --git a/1995/dodsond1/index.html b/1995/dodsond1/index.html
index 3e3baedbf2..5736468bd3 100644
--- a/1995/dodsond1/index.html
+++ b/1995/dodsond1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1995/dodsond1 - Most humorous</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1995 IOCCC entry dodsond1 - Most humorous">
+<meta name="description" content="Text to Pig Latin translator. 1995 IOCCC entry dodsond1 - Most humorous">
 <meta name="keywords" content="IOCCC, 1995, IOCCC 1995, IOCCC entry, dodsond1, Most humorous">
+<link rel="canonical" href="https://www.ioccc.org/1995/dodsond1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1995/dodsond1/index.html">
+<meta property="og:title" content="1995/dodsond1 - Most humorous">
+<meta property="og:description" content="Text to Pig Latin translator. 1995 IOCCC entry dodsond1 - Most humorous">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1995/dodsond1 - Most humorous</h2>
diff --git a/1995/dodsond2/index.html b/1995/dodsond2/index.html
index 9eaa2d17b9..0f480a79fd 100644
--- a/1995/dodsond2/index.html
+++ b/1995/dodsond2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1995/dodsond2 - Best game</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1995 IOCCC entry dodsond2 - Best game">
+<meta name="description" content="Interactive 3D Maze. 1995 IOCCC entry dodsond2 - Best game">
 <meta name="keywords" content="IOCCC, 1995, IOCCC 1995, IOCCC entry, dodsond2, Best game">
+<link rel="canonical" href="https://www.ioccc.org/1995/dodsond2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1995/dodsond2/index.html">
+<meta property="og:title" content="1995/dodsond2 - Best game">
+<meta property="og:description" content="Interactive 3D Maze. 1995 IOCCC entry dodsond2 - Best game">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1995/dodsond2 - Best game</h2>
diff --git a/1995/esde/index.html b/1995/esde/index.html
index 1a444b03b3..bc4dbafb2c 100644
--- a/1995/esde/index.html
+++ b/1995/esde/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1995/esde - Interesting algorithm</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1995 IOCCC entry esde - Interesting algorithm">
+<meta name="description" content="Searches for words in a file which have the same Soundex code. 1995 IOCCC entry esde - Interesting algorithm">
 <meta name="keywords" content="IOCCC, 1995, IOCCC 1995, IOCCC entry, esde, Interesting algorithm">
+<link rel="canonical" href="https://www.ioccc.org/1995/esde/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1995/esde/index.html">
+<meta property="og:title" content="1995/esde - Interesting algorithm">
+<meta property="og:description" content="Searches for words in a file which have the same Soundex code. 1995 IOCCC entry esde - Interesting algorithm">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1995/esde - Interesting algorithm</h2>
diff --git a/1995/garry/index.html b/1995/garry/index.html
index 3edfbb82c3..dea59f8be1 100644
--- a/1995/garry/index.html
+++ b/1995/garry/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1995/garry - Best utility</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1995 IOCCC entry garry - Best utility">
+<meta name="description" content="Environment-expansion and binary output via escaped env vars. 1995 IOCCC entry garry - Best utility">
 <meta name="keywords" content="IOCCC, 1995, IOCCC 1995, IOCCC entry, garry, Best utility">
+<link rel="canonical" href="https://www.ioccc.org/1995/garry/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1995/garry/index.html">
+<meta property="og:title" content="1995/garry - Best utility">
+<meta property="og:description" content="Environment-expansion and binary output via escaped env vars. 1995 IOCCC entry garry - Best utility">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1995/garry - Best utility</h2>
diff --git a/1995/heathbar/index.html b/1995/heathbar/index.html
index cf88ff8a22..71a4fa2d69 100644
--- a/1995/heathbar/index.html
+++ b/1995/heathbar/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1995/heathbar - Best layout</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1995 IOCCC entry heathbar - Best layout">
+<meta name="description" content="16 bit addition the easy/hard way. 1995 IOCCC entry heathbar - Best layout">
 <meta name="keywords" content="IOCCC, 1995, IOCCC 1995, IOCCC entry, heathbar, Best layout">
+<link rel="canonical" href="https://www.ioccc.org/1995/heathbar/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1995/heathbar/index.html">
+<meta property="og:title" content="1995/heathbar - Best layout">
+<meta property="og:description" content="16 bit addition the easy/hard way. 1995 IOCCC entry heathbar - Best layout">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1995/heathbar - Best layout</h2>
diff --git a/1995/leo/index.html b/1995/leo/index.html
index 7143304824..c50d1ce2f3 100644
--- a/1995/leo/index.html
+++ b/1995/leo/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1995/leo - Best use of obfuscation</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1995 IOCCC entry leo - Best use of obfuscation">
+<meta name="description" content="Output interesting patterns and cycles in PostScript. 1995 IOCCC entry leo - Best use of obfuscation">
 <meta name="keywords" content="IOCCC, 1995, IOCCC 1995, IOCCC entry, leo, Best use of obfuscation">
+<link rel="canonical" href="https://www.ioccc.org/1995/leo/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1995/leo/index.html">
+<meta property="og:title" content="1995/leo - Best use of obfuscation">
+<meta property="og:description" content="Output interesting patterns and cycles in PostScript. 1995 IOCCC entry leo - Best use of obfuscation">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1995/leo - Best use of obfuscation</h2>
diff --git a/1995/leo/secret.html b/1995/leo/secret.html
index 1efaeba575..3b1b3dea25 100644
--- a/1995/leo/secret.html
+++ b/1995/leo/secret.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="secret.md for 1995/leo">
 <meta name="keywords" content="IOCCC, 1995/leo, secret.md">
+<link rel="canonical" href="https://www.ioccc.org/1995/leo/secret.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/1995/leo/secret.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="secret.md for 1995/leo">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>secret.html for 1995/leo</h2>
diff --git a/1995/makarios/index.html b/1995/makarios/index.html
index 76b59d9af3..fdd02bb9a8 100644
--- a/1995/makarios/index.html
+++ b/1995/makarios/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1995/makarios - Best short program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1995 IOCCC entry makarios - Best short program">
+<meta name="description" content="Emits the base 8 representation of prime palindromic in base 8. 1995 IOCCC entry makarios - Best short program">
 <meta name="keywords" content="IOCCC, 1995, IOCCC 1995, IOCCC entry, makarios, Best short program">
+<link rel="canonical" href="https://www.ioccc.org/1995/makarios/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1995/makarios/index.html">
+<meta property="og:title" content="1995/makarios - Best short program">
+<meta property="og:description" content="Emits the base 8 representation of prime palindromic in base 8. 1995 IOCCC entry makarios - Best short program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1995/makarios - Best short program</h2>
diff --git a/1995/savastio/index.html b/1995/savastio/index.html
index 80433c78c0..b0c893afa2 100644
--- a/1995/savastio/index.html
+++ b/1995/savastio/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1995/savastio - Most obfuscated syntax</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1995 IOCCC entry savastio - Most obfuscated syntax">
+<meta name="description" content="Infinite-precision factorial calculator. 1995 IOCCC entry savastio - Most obfuscated syntax">
 <meta name="keywords" content="IOCCC, 1995, IOCCC 1995, IOCCC entry, savastio, Most obfuscated syntax">
+<link rel="canonical" href="https://www.ioccc.org/1995/savastio/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1995/savastio/index.html">
+<meta property="og:title" content="1995/savastio - Most obfuscated syntax">
+<meta property="og:description" content="Infinite-precision factorial calculator. 1995 IOCCC entry savastio - Most obfuscated syntax">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1995/savastio - Most obfuscated syntax</h2>
diff --git a/1995/schnitzi/index.html b/1995/schnitzi/index.html
index 22b8532473..1867d74d6a 100644
--- a/1995/schnitzi/index.html
+++ b/1995/schnitzi/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1995/schnitzi - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1995 IOCCC entry schnitzi - Best one liner">
+<meta name="description" content="Find divisors: where a core dump is a feature and not a bug. 1995 IOCCC entry schnitzi - Best one liner">
 <meta name="keywords" content="IOCCC, 1995, IOCCC 1995, IOCCC entry, schnitzi, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/1995/schnitzi/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1995/schnitzi/index.html">
+<meta property="og:title" content="1995/schnitzi - Best one liner">
+<meta property="og:description" content="Find divisors: where a core dump is a feature and not a bug. 1995 IOCCC entry schnitzi - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1995/schnitzi - Best one liner</h2>
diff --git a/1995/spinellis/index.html b/1995/spinellis/index.html
index c0c7fcc77d..e790b637ec 100644
--- a/1995/spinellis/index.html
+++ b/1995/spinellis/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1995/spinellis - Abusing the rules</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1995 IOCCC entry spinellis - Abusing the rules">
+<meta name="description" content="Abusing the rules. 1995 IOCCC entry spinellis - Abusing the rules">
 <meta name="keywords" content="IOCCC, 1995, IOCCC 1995, IOCCC entry, spinellis, Abusing the rules">
+<link rel="canonical" href="https://www.ioccc.org/1995/spinellis/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1995/spinellis/index.html">
+<meta property="og:title" content="1995/spinellis - Abusing the rules">
+<meta property="og:description" content="Abusing the rules. 1995 IOCCC entry spinellis - Abusing the rules">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1995/spinellis - Abusing the rules</h2>
diff --git a/1995/vanschnitz/index.html b/1995/vanschnitz/index.html
index 11f6a0e76d..03a0e6ac69 100644
--- a/1995/vanschnitz/index.html
+++ b/1995/vanschnitz/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1995/vanschnitz - Worst abuse of the C preprocessor and most likely to amaze</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1995 IOCCC entry vanschnitz - Worst abuse of the C preprocessor and most likely to amaze">
+<meta name="description" content="Towers of Hanoi via the C pre-processor. 1995 IOCCC entry vanschnitz - Worst abuse of the C preprocessor and most likely to amaze">
 <meta name="keywords" content="IOCCC, 1995, IOCCC 1995, IOCCC entry, vanschnitz, Worst abuse of the C preprocessor and most likely to amaze">
+<link rel="canonical" href="https://www.ioccc.org/1995/vanschnitz/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1995/vanschnitz/index.html">
+<meta property="og:title" content="1995/vanschnitz - Worst abuse of the C preprocessor and most likely to amaze">
+<meta property="og:description" content="Towers of Hanoi via the C pre-processor. 1995 IOCCC entry vanschnitz - Worst abuse of the C preprocessor and most likely to amaze">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1995/vanschnitz - Worst abuse of the C preprocessor and most likely to amaze</h2>
diff --git a/1996/august/index.html b/1996/august/index.html
index 02c8f7d1c5..822c39f3cc 100644
--- a/1996/august/index.html
+++ b/1996/august/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1996/august - Best of Show</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1996 IOCCC entry august - Best of Show">
+<meta name="description" content="Subset of C compiler and byte code interpreter. 1996 IOCCC entry august - Best of Show">
 <meta name="keywords" content="IOCCC, 1996, IOCCC 1996, IOCCC entry, august, Best of Show">
+<link rel="canonical" href="https://www.ioccc.org/1996/august/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1996/august/index.html">
+<meta property="og:title" content="1996/august - Best of Show">
+<meta property="og:description" content="Subset of C compiler and byte code interpreter. 1996 IOCCC entry august - Best of Show">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1996/august - Best of Show</h2>
diff --git a/1996/dalbec/index.html b/1996/dalbec/index.html
index 824a727295..410343b0b2 100644
--- a/1996/dalbec/index.html
+++ b/1996/dalbec/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1996/dalbec - Best numerical obfuscation</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1996 IOCCC entry dalbec - Best numerical obfuscation">
+<meta name="description" content="Generator of strong probable-primes to a given base. 1996 IOCCC entry dalbec - Best numerical obfuscation">
 <meta name="keywords" content="IOCCC, 1996, IOCCC 1996, IOCCC entry, dalbec, Best numerical obfuscation">
+<link rel="canonical" href="https://www.ioccc.org/1996/dalbec/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1996/dalbec/index.html">
+<meta property="og:title" content="1996/dalbec - Best numerical obfuscation">
+<meta property="og:description" content="Generator of strong probable-primes to a given base. 1996 IOCCC entry dalbec - Best numerical obfuscation">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1996/dalbec - Best numerical obfuscation</h2>
diff --git a/1996/eldby/index.html b/1996/eldby/index.html
index fdbf665b6b..7bbcf6e4a8 100644
--- a/1996/eldby/index.html
+++ b/1996/eldby/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1996/eldby - Best output</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1996 IOCCC entry eldby - Best output">
+<meta name="description" content="Flying 3D spheres in an ASCII display. 1996 IOCCC entry eldby - Best output">
 <meta name="keywords" content="IOCCC, 1996, IOCCC 1996, IOCCC entry, eldby, Best output">
+<link rel="canonical" href="https://www.ioccc.org/1996/eldby/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1996/eldby/index.html">
+<meta property="og:title" content="1996/eldby - Best output">
+<meta property="og:description" content="Flying 3D spheres in an ASCII display. 1996 IOCCC entry eldby - Best output">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1996/eldby - Best output</h2>
diff --git a/1996/gandalf/index.html b/1996/gandalf/index.html
index 35d74b4b43..b54baa8a98 100644
--- a/1996/gandalf/index.html
+++ b/1996/gandalf/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1996/gandalf - Best layout</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1996 IOCCC entry gandalf - Best layout">
+<meta name="description" content="Displays the ASCII and 8 bit character tables. 1996 IOCCC entry gandalf - Best layout">
 <meta name="keywords" content="IOCCC, 1996, IOCCC 1996, IOCCC entry, gandalf, Best layout">
+<link rel="canonical" href="https://www.ioccc.org/1996/gandalf/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1996/gandalf/index.html">
+<meta property="og:title" content="1996/gandalf - Best layout">
+<meta property="og:description" content="Displays the ASCII and 8 bit character tables. 1996 IOCCC entry gandalf - Best layout">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1996/gandalf - Best layout</h2>
diff --git a/1996/huffman/index.html b/1996/huffman/index.html
index 1b12d1616c..d0067a43d8 100644
--- a/1996/huffman/index.html
+++ b/1996/huffman/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1996/huffman - Best obfuscated character set utility</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1996 IOCCC entry huffman - Best obfuscated character set utility">
+<meta name="description" content="Braille to ASCII and vice versa. 1996 IOCCC entry huffman - Best obfuscated character set utility">
 <meta name="keywords" content="IOCCC, 1996, IOCCC 1996, IOCCC entry, huffman, Best obfuscated character set utility">
+<link rel="canonical" href="https://www.ioccc.org/1996/huffman/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1996/huffman/index.html">
+<meta property="og:title" content="1996/huffman - Best obfuscated character set utility">
+<meta property="og:description" content="Braille to ASCII and vice versa. 1996 IOCCC entry huffman - Best obfuscated character set utility">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1996/huffman - Best obfuscated character set utility</h2>
diff --git a/1996/jonth/index.html b/1996/jonth/index.html
index 62626b463e..21d54c9963 100644
--- a/1996/jonth/index.html
+++ b/1996/jonth/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1996/jonth - Best X11 entry</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1996 IOCCC entry jonth - Best X11 entry">
+<meta name="description" content="X based dual player tic-tac-toe game. 1996 IOCCC entry jonth - Best X11 entry">
 <meta name="keywords" content="IOCCC, 1996, IOCCC 1996, IOCCC entry, jonth, Best X11 entry">
+<link rel="canonical" href="https://www.ioccc.org/1996/jonth/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1996/jonth/index.html">
+<meta property="og:title" content="1996/jonth - Best X11 entry">
+<meta property="og:description" content="X based dual player tic-tac-toe game. 1996 IOCCC entry jonth - Best X11 entry">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1996/jonth - Best X11 entry</h2>
diff --git a/1996/rcm/index.html b/1996/rcm/index.html
index 70c41eceb6..a7a3de420b 100644
--- a/1996/rcm/index.html
+++ b/1996/rcm/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1996/rcm - Best RFC obfuscation</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1996 IOCCC entry rcm - Best RFC obfuscation">
+<meta name="description" content="Gunzip equivalent. 1996 IOCCC entry rcm - Best RFC obfuscation">
 <meta name="keywords" content="IOCCC, 1996, IOCCC 1996, IOCCC entry, rcm, Best RFC obfuscation">
+<link rel="canonical" href="https://www.ioccc.org/1996/rcm/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1996/rcm/index.html">
+<meta property="og:title" content="1996/rcm - Best RFC obfuscation">
+<meta property="og:description" content="Gunzip equivalent. 1996 IOCCC entry rcm - Best RFC obfuscation">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1996/rcm - Best RFC obfuscation</h2>
diff --git a/1996/schweikh1/index.html b/1996/schweikh1/index.html
index e64a0c63d0..948090e091 100644
--- a/1996/schweikh1/index.html
+++ b/1996/schweikh1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1996/schweikh1 - Worst abuse of the C preprocessor</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1996 IOCCC entry schweikh1 - Worst abuse of the C preprocessor">
+<meta name="description" content="Calculates Easter dates from 1582 to 2199 AD. 1996 IOCCC entry schweikh1 - Worst abuse of the C preprocessor">
 <meta name="keywords" content="IOCCC, 1996, IOCCC 1996, IOCCC entry, schweikh1, Worst abuse of the C preprocessor">
+<link rel="canonical" href="https://www.ioccc.org/1996/schweikh1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1996/schweikh1/index.html">
+<meta property="og:title" content="1996/schweikh1 - Worst abuse of the C preprocessor">
+<meta property="og:description" content="Calculates Easter dates from 1582 to 2199 AD. 1996 IOCCC entry schweikh1 - Worst abuse of the C preprocessor">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1996/schweikh1 - Worst abuse of the C preprocessor</h2>
diff --git a/1996/schweikh2/index.html b/1996/schweikh2/index.html
index 59da0f228e..504e5ba2bf 100644
--- a/1996/schweikh2/index.html
+++ b/1996/schweikh2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1996/schweikh2 - Best algorithm</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1996 IOCCC entry schweikh2 - Best algorithm">
+<meta name="description" content="Search for a limited class of expressions that equal a constant. 1996 IOCCC entry schweikh2 - Best algorithm">
 <meta name="keywords" content="IOCCC, 1996, IOCCC 1996, IOCCC entry, schweikh2, Best algorithm">
+<link rel="canonical" href="https://www.ioccc.org/1996/schweikh2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1996/schweikh2/index.html">
+<meta property="og:title" content="1996/schweikh2 - Best algorithm">
+<meta property="og:description" content="Search for a limited class of expressions that equal a constant. 1996 IOCCC entry schweikh2 - Best algorithm">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1996/schweikh2 - Best algorithm</h2>
diff --git a/1996/schweikh3/index.html b/1996/schweikh3/index.html
index 3be40a0c66..24d5c10102 100644
--- a/1996/schweikh3/index.html
+++ b/1996/schweikh3/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1996/schweikh3 - Best utility</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1996 IOCCC entry schweikh3 - Best utility">
+<meta name="description" content="Determins the memory allocation honesty of the OS. 1996 IOCCC entry schweikh3 - Best utility">
 <meta name="keywords" content="IOCCC, 1996, IOCCC 1996, IOCCC entry, schweikh3, Best utility">
+<link rel="canonical" href="https://www.ioccc.org/1996/schweikh3/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1996/schweikh3/index.html">
+<meta property="og:title" content="1996/schweikh3 - Best utility">
+<meta property="og:description" content="Determins the memory allocation honesty of the OS. 1996 IOCCC entry schweikh3 - Best utility">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1996/schweikh3 - Best utility</h2>
diff --git a/1996/westley/index.html b/1996/westley/index.html
index cbea1f9902..8c622b939e 100644
--- a/1996/westley/index.html
+++ b/1996/westley/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1996/westley - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1996 IOCCC entry westley - Best one liner">
+<meta name="description" content="Shows the time on clock with a configurable face and style. 1996 IOCCC entry westley - Best one liner">
 <meta name="keywords" content="IOCCC, 1996, IOCCC 1996, IOCCC entry, westley, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/1996/westley/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1996/westley/index.html">
+<meta property="og:title" content="1996/westley - Best one liner">
+<meta property="og:description" content="Shows the time on clock with a configurable face and style. 1996 IOCCC entry westley - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1996/westley - Best one liner</h2>
diff --git a/1998/banks/index.html b/1998/banks/index.html
index fde9e56999..eb3b791d44 100644
--- a/1998/banks/index.html
+++ b/1998/banks/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1998/banks - Best of Show</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1998 IOCCC entry banks - Best of Show">
+<meta name="description" content="A flight simulator!. 1998 IOCCC entry banks - Best of Show">
 <meta name="keywords" content="IOCCC, 1998, IOCCC 1998, IOCCC entry, banks, Best of Show">
+<link rel="canonical" href="https://www.ioccc.org/1998/banks/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1998/banks/index.html">
+<meta property="og:title" content="1998/banks - Best of Show">
+<meta property="og:description" content="A flight simulator!. 1998 IOCCC entry banks - Best of Show">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1998/banks - Best of Show</h2>
diff --git a/1998/bas1/index.html b/1998/bas1/index.html
index 360153ff13..6e122c3570 100644
--- a/1998/bas1/index.html
+++ b/1998/bas1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1998/bas1 - Best encapsulation</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1998 IOCCC entry bas1 - Best encapsulation">
+<meta name="description" content="Outputs a gzipped 3D beam maze in Postscript. 1998 IOCCC entry bas1 - Best encapsulation">
 <meta name="keywords" content="IOCCC, 1998, IOCCC 1998, IOCCC entry, bas1, Best encapsulation">
+<link rel="canonical" href="https://www.ioccc.org/1998/bas1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1998/bas1/index.html">
+<meta property="og:title" content="1998/bas1 - Best encapsulation">
+<meta property="og:description" content="Outputs a gzipped 3D beam maze in Postscript. 1998 IOCCC entry bas1 - Best encapsulation">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1998/bas1 - Best encapsulation</h2>
diff --git a/1998/bas2/index.html b/1998/bas2/index.html
index 26fbff2be5..108bb490ac 100644
--- a/1998/bas2/index.html
+++ b/1998/bas2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1998/bas2 - Best small program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1998 IOCCC entry bas2 - Best small program">
+<meta name="description" content="determines the size of stdin under IOCCC sizing rules. 1998 IOCCC entry bas2 - Best small program">
 <meta name="keywords" content="IOCCC, 1998, IOCCC 1998, IOCCC entry, bas2, Best small program">
+<link rel="canonical" href="https://www.ioccc.org/1998/bas2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1998/bas2/index.html">
+<meta property="og:title" content="1998/bas2 - Best small program">
+<meta property="og:description" content="determines the size of stdin under IOCCC sizing rules. 1998 IOCCC entry bas2 - Best small program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1998/bas2 - Best small program</h2>
diff --git a/1998/chaos/index.html b/1998/chaos/index.html
index 18f6acb134..8f28bc6d72 100644
--- a/1998/chaos/index.html
+++ b/1998/chaos/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1998/chaos - Best object orientation</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1998 IOCCC entry chaos - Best object orientation">
+<meta name="description" content="Rotates and zooms an object using ASCII graphics. 1998 IOCCC entry chaos - Best object orientation">
 <meta name="keywords" content="IOCCC, 1998, IOCCC 1998, IOCCC entry, chaos, Best object orientation">
+<link rel="canonical" href="https://www.ioccc.org/1998/chaos/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1998/chaos/index.html">
+<meta property="og:title" content="1998/chaos - Best object orientation">
+<meta property="og:description" content="Rotates and zooms an object using ASCII graphics. 1998 IOCCC entry chaos - Best object orientation">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1998/chaos - Best object orientation</h2>
diff --git a/1998/df/index.html b/1998/df/index.html
index c180ece0b2..ba0c3731c0 100644
--- a/1998/df/index.html
+++ b/1998/df/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1998/df - Best data hiding</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1998 IOCCC entry df - Best data hiding">
+<meta name="description" content="A word guessing game. 1998 IOCCC entry df - Best data hiding">
 <meta name="keywords" content="IOCCC, 1998, IOCCC 1998, IOCCC entry, df, Best data hiding">
+<link rel="canonical" href="https://www.ioccc.org/1998/df/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1998/df/index.html">
+<meta property="og:title" content="1998/df - Best data hiding">
+<meta property="og:description" content="A word guessing game. 1998 IOCCC entry df - Best data hiding">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1998/df - Best data hiding</h2>
diff --git a/1998/dlowe/index.html b/1998/dlowe/index.html
index 507174770c..924ba3ec6c 100644
--- a/1998/dlowe/index.html
+++ b/1998/dlowe/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1998/dlowe - Best utility</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1998 IOCCC entry dlowe - Best utility">
+<meta name="description" content="Pootifies stdin (useful to view Microsoft html files). 1998 IOCCC entry dlowe - Best utility">
 <meta name="keywords" content="IOCCC, 1998, IOCCC 1998, IOCCC entry, dlowe, Best utility">
+<link rel="canonical" href="https://www.ioccc.org/1998/dlowe/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1998/dlowe/index.html">
+<meta property="og:title" content="1998/dlowe - Best utility">
+<meta property="og:description" content="Pootifies stdin (useful to view Microsoft html files). 1998 IOCCC entry dlowe - Best utility">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1998/dlowe - Best utility</h2>
diff --git a/1998/dloweneil/index.html b/1998/dloweneil/index.html
index 0827a978de..1e5cf32f77 100644
--- a/1998/dloweneil/index.html
+++ b/1998/dloweneil/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1998/dloweneil - Most fun</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1998 IOCCC entry dloweneil - Most fun">
+<meta name="description" content="A very addictive ASCII poot game. 1998 IOCCC entry dloweneil - Most fun">
 <meta name="keywords" content="IOCCC, 1998, IOCCC 1998, IOCCC entry, dloweneil, Most fun">
+<link rel="canonical" href="https://www.ioccc.org/1998/dloweneil/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1998/dloweneil/index.html">
+<meta property="og:title" content="1998/dloweneil - Most fun">
+<meta property="og:description" content="A very addictive ASCII poot game. 1998 IOCCC entry dloweneil - Most fun">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1998/dloweneil - Most fun</h2>
diff --git a/1998/dorssel/dorssel.html b/1998/dorssel/dorssel.html
index 9e05d99b55..6331cdeb06 100644
--- a/1998/dorssel/dorssel.html
+++ b/1998/dorssel/dorssel.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="dorssel.md for 1998/dorssel">
 <meta name="keywords" content="IOCCC, 1998/dorssel, dorssel.md">
+<link rel="canonical" href="https://www.ioccc.org/1998/dorssel/dorssel.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/1998/dorssel/dorssel.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="dorssel.md for 1998/dorssel">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>dorssel.html for 1998/dorssel</h2>
diff --git a/1998/dorssel/index.html b/1998/dorssel/index.html
index 2c26e25142..ab3bca3960 100644
--- a/1998/dorssel/index.html
+++ b/1998/dorssel/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1998/dorssel - Obsolescent feature</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1998 IOCCC entry dorssel - Obsolescent feature">
+<meta name="description" content="ASCII / Morse code translator. 1998 IOCCC entry dorssel - Obsolescent feature">
 <meta name="keywords" content="IOCCC, 1998, IOCCC 1998, IOCCC entry, dorssel, Obsolescent feature">
+<link rel="canonical" href="https://www.ioccc.org/1998/dorssel/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1998/dorssel/index.html">
+<meta property="og:title" content="1998/dorssel - Obsolescent feature">
+<meta property="og:description" content="ASCII / Morse code translator. 1998 IOCCC entry dorssel - Obsolescent feature">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1998/dorssel - Obsolescent feature</h2>
diff --git a/1998/fanf/index.html b/1998/fanf/index.html
index c55cf572b6..03bf77ba5b 100644
--- a/1998/fanf/index.html
+++ b/1998/fanf/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1998/fanf - Most obfuscated translator</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1998 IOCCC entry fanf - Most obfuscated translator">
+<meta name="description" content="Translates Lambda expressions into combinator expressions. 1998 IOCCC entry fanf - Most obfuscated translator">
 <meta name="keywords" content="IOCCC, 1998, IOCCC 1998, IOCCC entry, fanf, Most obfuscated translator">
+<link rel="canonical" href="https://www.ioccc.org/1998/fanf/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1998/fanf/index.html">
+<meta property="og:title" content="1998/fanf - Most obfuscated translator">
+<meta property="og:description" content="Translates Lambda expressions into combinator expressions. 1998 IOCCC entry fanf - Most obfuscated translator">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1998/fanf - Most obfuscated translator</h2>
diff --git a/1998/schnitzi/index.html b/1998/schnitzi/index.html
index 0a4bcbcb69..2bd4cc4725 100644
--- a/1998/schnitzi/index.html
+++ b/1998/schnitzi/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1998/schnitzi - Best flow control</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1998 IOCCC entry schnitzi - Best flow control">
+<meta name="description" content="Prints a C program that sorts arguments using strange functions. 1998 IOCCC entry schnitzi - Best flow control">
 <meta name="keywords" content="IOCCC, 1998, IOCCC 1998, IOCCC entry, schnitzi, Best flow control">
+<link rel="canonical" href="https://www.ioccc.org/1998/schnitzi/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1998/schnitzi/index.html">
+<meta property="og:title" content="1998/schnitzi - Best flow control">
+<meta property="og:description" content="Prints a C program that sorts arguments using strange functions. 1998 IOCCC entry schnitzi - Best flow control">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1998/schnitzi - Best flow control</h2>
diff --git a/1998/schweikh1/index.html b/1998/schweikh1/index.html
index 581e2a1f65..40ffcbf0ca 100644
--- a/1998/schweikh1/index.html
+++ b/1998/schweikh1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1998/schweikh1 - CPP abuse</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1998 IOCCC entry schweikh1 - CPP abuse">
+<meta name="description" content="Tests to see if your compiler and headers are standard. 1998 IOCCC entry schweikh1 - CPP abuse">
 <meta name="keywords" content="IOCCC, 1998, IOCCC 1998, IOCCC entry, schweikh1, CPP abuse">
+<link rel="canonical" href="https://www.ioccc.org/1998/schweikh1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1998/schweikh1/index.html">
+<meta property="og:title" content="1998/schweikh1 - CPP abuse">
+<meta property="og:description" content="Tests to see if your compiler and headers are standard. 1998 IOCCC entry schweikh1 - CPP abuse">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1998/schweikh1 - CPP abuse</h2>
diff --git a/1998/schweikh1/macos.html b/1998/schweikh1/macos.html
index 1bf573ad9c..468a061217 100644
--- a/1998/schweikh1/macos.html
+++ b/1998/schweikh1/macos.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="macos.md for 1998/schweikh1">
 <meta name="keywords" content="IOCCC, 1998/schweikh1, macos.md">
+<link rel="canonical" href="https://www.ioccc.org/1998/schweikh1/macos.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/1998/schweikh1/macos.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="macos.md for 1998/schweikh1">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>macos.html for 1998/schweikh1</h2>
diff --git a/1998/schweikh2/index.html b/1998/schweikh2/index.html
index 7b8c8d245d..00b478d4f0 100644
--- a/1998/schweikh2/index.html
+++ b/1998/schweikh2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1998/schweikh2 - Most erratic behavior</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1998 IOCCC entry schweikh2 - Most erratic behavior">
+<meta name="description" content="Prints random 0's and 1's causes some gcc's as passes to choke. 1998 IOCCC entry schweikh2 - Most erratic behavior">
 <meta name="keywords" content="IOCCC, 1998, IOCCC 1998, IOCCC entry, schweikh2, Most erratic behavior">
+<link rel="canonical" href="https://www.ioccc.org/1998/schweikh2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1998/schweikh2/index.html">
+<meta property="og:title" content="1998/schweikh2 - Most erratic behavior">
+<meta property="og:description" content="Prints random 0's and 1's causes some gcc's as passes to choke. 1998 IOCCC entry schweikh2 - Most erratic behavior">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1998/schweikh2 - Most erratic behavior</h2>
diff --git a/1998/schweikh3/index.html b/1998/schweikh3/index.html
index cb4eaa0651..2da3535db3 100644
--- a/1998/schweikh3/index.html
+++ b/1998/schweikh3/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1998/schweikh3 - Most space efficient</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1998 IOCCC entry schweikh3 - Most space efficient">
+<meta name="description" content="Finds duplicate files that waste disk space. 1998 IOCCC entry schweikh3 - Most space efficient">
 <meta name="keywords" content="IOCCC, 1998, IOCCC 1998, IOCCC entry, schweikh3, Most space efficient">
+<link rel="canonical" href="https://www.ioccc.org/1998/schweikh3/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1998/schweikh3/index.html">
+<meta property="og:title" content="1998/schweikh3 - Most space efficient">
+<meta property="og:description" content="Finds duplicate files that waste disk space. 1998 IOCCC entry schweikh3 - Most space efficient">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1998/schweikh3 - Most space efficient</h2>
diff --git a/1998/tomtorfs/index.html b/1998/tomtorfs/index.html
index 22eff1d8fb..4e43e83853 100644
--- a/1998/tomtorfs/index.html
+++ b/1998/tomtorfs/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>1998/tomtorfs - Best self-documenting</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="1998 IOCCC entry tomtorfs - Best self-documenting">
+<meta name="description" content="CRC generator. 1998 IOCCC entry tomtorfs - Best self-documenting">
 <meta name="keywords" content="IOCCC, 1998, IOCCC 1998, IOCCC entry, tomtorfs, Best self-documenting">
+<link rel="canonical" href="https://www.ioccc.org/1998/tomtorfs/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/1998/tomtorfs/index.html">
+<meta property="og:title" content="1998/tomtorfs - Best self-documenting">
+<meta property="og:description" content="CRC generator. 1998 IOCCC entry tomtorfs - Best self-documenting">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>1998/tomtorfs - Best self-documenting</h2>
diff --git a/2000/anderson/index.html b/2000/anderson/index.html
index 5552ebb86a..bdb0ada80d 100644
--- a/2000/anderson/index.html
+++ b/2000/anderson/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2000/anderson - Best use of flags</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2000 IOCCC entry anderson - Best use of flags">
+<meta name="description" content="ASCII to semaphore code convertor. 2000 IOCCC entry anderson - Best use of flags">
 <meta name="keywords" content="IOCCC, 2000, IOCCC 2000, IOCCC entry, anderson, Best use of flags">
+<link rel="canonical" href="https://www.ioccc.org/2000/anderson/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2000/anderson/index.html">
+<meta property="og:title" content="2000/anderson - Best use of flags">
+<meta property="og:description" content="ASCII to semaphore code convertor. 2000 IOCCC entry anderson - Best use of flags">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2000/anderson - Best use of flags</h2>
diff --git a/2000/bellard/index.html b/2000/bellard/index.html
index 10c5b20cd3..97c41a8e58 100644
--- a/2000/bellard/index.html
+++ b/2000/bellard/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2000/bellard - Most specific output</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2000 IOCCC entry bellard - Most specific output">
+<meta name="description" content="Prints M6972593 (2^6972593-1) by Modular Fast Fourier Transform. 2000 IOCCC entry bellard - Most specific output">
 <meta name="keywords" content="IOCCC, 2000, IOCCC 2000, IOCCC entry, bellard, Most specific output">
+<link rel="canonical" href="https://www.ioccc.org/2000/bellard/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2000/bellard/index.html">
+<meta property="og:title" content="2000/bellard - Most specific output">
+<meta property="og:description" content="Prints M6972593 (2^6972593-1) by Modular Fast Fourier Transform. 2000 IOCCC entry bellard - Most specific output">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2000/bellard - Most specific output</h2>
diff --git a/2000/bmeyer/index.html b/2000/bmeyer/index.html
index 2498849861..53c3be31ca 100644
--- a/2000/bmeyer/index.html
+++ b/2000/bmeyer/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2000/bmeyer - Best utility</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2000 IOCCC entry bmeyer - Best utility">
+<meta name="description" content="An image compressor. 2000 IOCCC entry bmeyer - Best utility">
 <meta name="keywords" content="IOCCC, 2000, IOCCC 2000, IOCCC entry, bmeyer, Best utility">
+<link rel="canonical" href="https://www.ioccc.org/2000/bmeyer/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2000/bmeyer/index.html">
+<meta property="og:title" content="2000/bmeyer - Best utility">
+<meta property="og:description" content="An image compressor. 2000 IOCCC entry bmeyer - Best utility">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2000/bmeyer - Best utility</h2>
diff --git a/2000/briddlebane/index.html b/2000/briddlebane/index.html
index 0815b5c141..9e200d14dd 100644
--- a/2000/briddlebane/index.html
+++ b/2000/briddlebane/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2000/briddlebane - Best abuse of user</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2000 IOCCC entry briddlebane - Best abuse of user">
+<meta name="description" content="Verbally abuses the user. 2000 IOCCC entry briddlebane - Best abuse of user">
 <meta name="keywords" content="IOCCC, 2000, IOCCC 2000, IOCCC entry, briddlebane, Best abuse of user">
+<link rel="canonical" href="https://www.ioccc.org/2000/briddlebane/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2000/briddlebane/index.html">
+<meta property="og:title" content="2000/briddlebane - Best abuse of user">
+<meta property="og:description" content="Verbally abuses the user. 2000 IOCCC entry briddlebane - Best abuse of user">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2000/briddlebane - Best abuse of user</h2>
diff --git a/2000/dhyang/index.html b/2000/dhyang/index.html
index 44cfdcb2f9..7165689222 100644
--- a/2000/dhyang/index.html
+++ b/2000/dhyang/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2000/dhyang - Best layout</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2000 IOCCC entry dhyang - Best layout">
+<meta name="description" content="Saitou Hajime image that prints a prog that prints a prog ... 2000 IOCCC entry dhyang - Best layout">
 <meta name="keywords" content="IOCCC, 2000, IOCCC 2000, IOCCC entry, dhyang, Best layout">
+<link rel="canonical" href="https://www.ioccc.org/2000/dhyang/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2000/dhyang/index.html">
+<meta property="og:title" content="2000/dhyang - Best layout">
+<meta property="og:description" content="Saitou Hajime image that prints a prog that prints a prog ... 2000 IOCCC entry dhyang - Best layout">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2000/dhyang - Best layout</h2>
diff --git a/2000/dlowe/index.html b/2000/dlowe/index.html
index 369a37c7b1..0e64e94597 100644
--- a/2000/dlowe/index.html
+++ b/2000/dlowe/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2000/dlowe - Worst abuse of the rules</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2000 IOCCC entry dlowe - Worst abuse of the rules">
+<meta name="description" content="A dc-style calculator that uses embedded Perl. 2000 IOCCC entry dlowe - Worst abuse of the rules">
 <meta name="keywords" content="IOCCC, 2000, IOCCC 2000, IOCCC entry, dlowe, Worst abuse of the rules">
+<link rel="canonical" href="https://www.ioccc.org/2000/dlowe/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2000/dlowe/index.html">
+<meta property="og:title" content="2000/dlowe - Worst abuse of the rules">
+<meta property="og:description" content="A dc-style calculator that uses embedded Perl. 2000 IOCCC entry dlowe - Worst abuse of the rules">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2000/dlowe - Worst abuse of the rules</h2>
diff --git a/2000/jarijyrki/index.html b/2000/jarijyrki/index.html
index 196ff042ff..90c58d9917 100644
--- a/2000/jarijyrki/index.html
+++ b/2000/jarijyrki/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2000/jarijyrki - Best of Show</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2000 IOCCC entry jarijyrki - Best of Show">
+<meta name="description" content="An X-based spreadsheet program with graphing features!. 2000 IOCCC entry jarijyrki - Best of Show">
 <meta name="keywords" content="IOCCC, 2000, IOCCC 2000, IOCCC entry, jarijyrki, Best of Show">
+<link rel="canonical" href="https://www.ioccc.org/2000/jarijyrki/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2000/jarijyrki/index.html">
+<meta property="og:title" content="2000/jarijyrki - Best of Show">
+<meta property="og:description" content="An X-based spreadsheet program with graphing features!. 2000 IOCCC entry jarijyrki - Best of Show">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2000/jarijyrki - Best of Show</h2>
diff --git a/2000/natori/index.html b/2000/natori/index.html
index baff19a47c..8c7abe36da 100644
--- a/2000/natori/index.html
+++ b/2000/natori/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2000/natori - Best small program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2000 IOCCC entry natori - Best small program">
+<meta name="description" content="Phase of the moon. 2000 IOCCC entry natori - Best small program">
 <meta name="keywords" content="IOCCC, 2000, IOCCC 2000, IOCCC entry, natori, Best small program">
+<link rel="canonical" href="https://www.ioccc.org/2000/natori/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2000/natori/index.html">
+<meta property="og:title" content="2000/natori - Best small program">
+<meta property="og:description" content="Phase of the moon. 2000 IOCCC entry natori - Best small program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2000/natori - Best small program</h2>
diff --git a/2000/primenum/index.html b/2000/primenum/index.html
index 89826986a3..574466af9d 100644
--- a/2000/primenum/index.html
+++ b/2000/primenum/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2000/primenum - Best abuse of CPP</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2000 IOCCC entry primenum - Best abuse of CPP">
+<meta name="description" content="Source with English words that looks like a prime tester. 2000 IOCCC entry primenum - Best abuse of CPP">
 <meta name="keywords" content="IOCCC, 2000, IOCCC 2000, IOCCC entry, primenum, Best abuse of CPP">
+<link rel="canonical" href="https://www.ioccc.org/2000/primenum/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2000/primenum/index.html">
+<meta property="og:title" content="2000/primenum - Best abuse of CPP">
+<meta property="og:description" content="Source with English words that looks like a prime tester. 2000 IOCCC entry primenum - Best abuse of CPP">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2000/primenum - Best abuse of CPP</h2>
diff --git a/2000/rince/index.html b/2000/rince/index.html
index 34bc025037..3993e6f809 100644
--- a/2000/rince/index.html
+++ b/2000/rince/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2000/rince - Astronomically obfuscated</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2000 IOCCC entry rince - Astronomically obfuscated">
+<meta name="description" content="Plots the positions of the four Galilean moons of Jupiter. 2000 IOCCC entry rince - Astronomically obfuscated">
 <meta name="keywords" content="IOCCC, 2000, IOCCC 2000, IOCCC entry, rince, Astronomically obfuscated">
+<link rel="canonical" href="https://www.ioccc.org/2000/rince/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2000/rince/index.html">
+<meta property="og:title" content="2000/rince - Astronomically obfuscated">
+<meta property="og:description" content="Plots the positions of the four Galilean moons of Jupiter. 2000 IOCCC entry rince - Astronomically obfuscated">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2000/rince - Astronomically obfuscated</h2>
diff --git a/2000/robison/index.html b/2000/robison/index.html
index 90319a23b2..0f352f4df2 100644
--- a/2000/robison/index.html
+++ b/2000/robison/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2000/robison - Best game</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2000 IOCCC entry robison - Best game">
+<meta name="description" content="Highly Compressed Program for Playing Hygienic Checkers. 2000 IOCCC entry robison - Best game">
 <meta name="keywords" content="IOCCC, 2000, IOCCC 2000, IOCCC entry, robison, Best game">
+<link rel="canonical" href="https://www.ioccc.org/2000/robison/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2000/robison/index.html">
+<meta property="og:title" content="2000/robison - Best game">
+<meta property="og:description" content="Highly Compressed Program for Playing Hygienic Checkers. 2000 IOCCC entry robison - Best game">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2000/robison - Best game</h2>
diff --git a/2000/schneiderwent/index.html b/2000/schneiderwent/index.html
index 045c851ba5..afcc9bacd3 100644
--- a/2000/schneiderwent/index.html
+++ b/2000/schneiderwent/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2000/schneiderwent - Most timely output</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2000 IOCCC entry schneiderwent - Most timely output">
+<meta name="description" content="Prints the aproximate time in words. 2000 IOCCC entry schneiderwent - Most timely output">
 <meta name="keywords" content="IOCCC, 2000, IOCCC 2000, IOCCC entry, schneiderwent, Most timely output">
+<link rel="canonical" href="https://www.ioccc.org/2000/schneiderwent/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2000/schneiderwent/index.html">
+<meta property="og:title" content="2000/schneiderwent - Most timely output">
+<meta property="og:description" content="Prints the aproximate time in words. 2000 IOCCC entry schneiderwent - Most timely output">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2000/schneiderwent - Most timely output</h2>
diff --git a/2000/thadgavin/index.html b/2000/thadgavin/index.html
index 2f0b7597a9..f4a24a3706 100644
--- a/2000/thadgavin/index.html
+++ b/2000/thadgavin/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2000/thadgavin - Most portable output</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2000 IOCCC entry thadgavin - Most portable output">
+<meta name="description" content="Prints a dazzeling moving image under multiple interfaces. 2000 IOCCC entry thadgavin - Most portable output">
 <meta name="keywords" content="IOCCC, 2000, IOCCC 2000, IOCCC entry, thadgavin, Most portable output">
+<link rel="canonical" href="https://www.ioccc.org/2000/thadgavin/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2000/thadgavin/index.html">
+<meta property="og:title" content="2000/thadgavin - Most portable output">
+<meta property="og:description" content="Prints a dazzeling moving image under multiple interfaces. 2000 IOCCC entry thadgavin - Most portable output">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2000/thadgavin - Most portable output</h2>
diff --git a/2000/tomx/index.html b/2000/tomx/index.html
index 328fd95827..d793c315f3 100644
--- a/2000/tomx/index.html
+++ b/2000/tomx/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2000/tomx - Most complete program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2000 IOCCC entry tomx - Most complete program">
+<meta name="description" content="C source and shell program and Makefile. 2000 IOCCC entry tomx - Most complete program">
 <meta name="keywords" content="IOCCC, 2000, IOCCC 2000, IOCCC entry, tomx, Most complete program">
+<link rel="canonical" href="https://www.ioccc.org/2000/tomx/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2000/tomx/index.html">
+<meta property="og:title" content="2000/tomx - Most complete program">
+<meta property="og:description" content="C source and shell program and Makefile. 2000 IOCCC entry tomx - Most complete program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2000/tomx - Most complete program</h2>
diff --git a/2001/anonymous/index.html b/2001/anonymous/index.html
index 414cda0bfb..d5fd504cb0 100644
--- a/2001/anonymous/index.html
+++ b/2001/anonymous/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2001/anonymous - Dishonorable mention</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2001 IOCCC entry anonymous - Dishonorable mention">
+<meta name="description" content="optimizing dynamic x86 binary translator on any host. 2001 IOCCC entry anonymous - Dishonorable mention">
 <meta name="keywords" content="IOCCC, 2001, IOCCC 2001, IOCCC entry, anonymous, Dishonorable mention">
+<link rel="canonical" href="https://www.ioccc.org/2001/anonymous/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2001/anonymous/index.html">
+<meta property="og:title" content="2001/anonymous - Dishonorable mention">
+<meta property="og:description" content="optimizing dynamic x86 binary translator on any host. 2001 IOCCC entry anonymous - Dishonorable mention">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2001/anonymous - Dishonorable mention</h2>
diff --git a/2001/bellard/index.html b/2001/bellard/index.html
index 0b6accad08..e1212b427d 100644
--- a/2001/bellard/index.html
+++ b/2001/bellard/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2001/bellard - Best abuse of the rules</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2001 IOCCC entry bellard - Best abuse of the rules">
+<meta name="description" content="A C subset programming system for x86. 2001 IOCCC entry bellard - Best abuse of the rules">
 <meta name="keywords" content="IOCCC, 2001, IOCCC 2001, IOCCC entry, bellard, Best abuse of the rules">
+<link rel="canonical" href="https://www.ioccc.org/2001/bellard/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2001/bellard/index.html">
+<meta property="og:title" content="2001/bellard - Best abuse of the rules">
+<meta property="og:description" content="A C subset programming system for x86. 2001 IOCCC entry bellard - Best abuse of the rules">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2001/bellard - Best abuse of the rules</h2>
diff --git a/2001/cheong/index.html b/2001/cheong/index.html
index 78a25c43d5..1401774ae1 100644
--- a/2001/cheong/index.html
+++ b/2001/cheong/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2001/cheong - Best short program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2001 IOCCC entry cheong - Best short program">
+<meta name="description" content="Computes arbitrary-precision square root. 2001 IOCCC entry cheong - Best short program">
 <meta name="keywords" content="IOCCC, 2001, IOCCC 2001, IOCCC entry, cheong, Best short program">
+<link rel="canonical" href="https://www.ioccc.org/2001/cheong/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2001/cheong/index.html">
+<meta property="og:title" content="2001/cheong - Best short program">
+<meta property="og:description" content="Computes arbitrary-precision square root. 2001 IOCCC entry cheong - Best short program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2001/cheong - Best short program</h2>
diff --git a/2001/coupard/index.html b/2001/coupard/index.html
index 61f518ecb3..99817bcce4 100644
--- a/2001/coupard/index.html
+++ b/2001/coupard/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2001/coupard - Most obfuscated sound</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2001 IOCCC entry coupard - Most obfuscated sound">
+<meta name="description" content="Outputs current time as a sound file. 2001 IOCCC entry coupard - Most obfuscated sound">
 <meta name="keywords" content="IOCCC, 2001, IOCCC 2001, IOCCC entry, coupard, Most obfuscated sound">
+<link rel="canonical" href="https://www.ioccc.org/2001/coupard/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2001/coupard/index.html">
+<meta property="og:title" content="2001/coupard - Most obfuscated sound">
+<meta property="og:description" content="Outputs current time as a sound file. 2001 IOCCC entry coupard - Most obfuscated sound">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2001/coupard - Most obfuscated sound</h2>
diff --git a/2001/ctk/index.html b/2001/ctk/index.html
index 8413674449..35bcada609 100644
--- a/2001/ctk/index.html
+++ b/2001/ctk/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2001/ctk - Worst driver</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2001 IOCCC entry ctk - Worst driver">
+<meta name="description" content="A driver game. 2001 IOCCC entry ctk - Worst driver">
 <meta name="keywords" content="IOCCC, 2001, IOCCC 2001, IOCCC entry, ctk, Worst driver">
+<link rel="canonical" href="https://www.ioccc.org/2001/ctk/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2001/ctk/index.html">
+<meta property="og:title" content="2001/ctk - Worst driver">
+<meta property="og:description" content="A driver game. 2001 IOCCC entry ctk - Worst driver">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2001/ctk - Worst driver</h2>
diff --git a/2001/dgbeards/index.html b/2001/dgbeards/index.html
index e03e0987d7..7de44f4693 100644
--- a/2001/dgbeards/index.html
+++ b/2001/dgbeards/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2001/dgbeards - Best AI</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2001 IOCCC entry dgbeards - Best AI">
+<meta name="description" content="Plays suicide chess. 2001 IOCCC entry dgbeards - Best AI">
 <meta name="keywords" content="IOCCC, 2001, IOCCC 2001, IOCCC entry, dgbeards, Best AI">
+<link rel="canonical" href="https://www.ioccc.org/2001/dgbeards/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2001/dgbeards/index.html">
+<meta property="og:title" content="2001/dgbeards - Best AI">
+<meta property="og:description" content="Plays suicide chess. 2001 IOCCC entry dgbeards - Best AI">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2001/dgbeards - Best AI</h2>
diff --git a/2001/herrmann1/index.html b/2001/herrmann1/index.html
index 0d183d43bc..9cfb338ab0 100644
--- a/2001/herrmann1/index.html
+++ b/2001/herrmann1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2001/herrmann1 - Best abuse of the C preprocessor</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2001 IOCCC entry herrmann1 - Best abuse of the C preprocessor">
+<meta name="description" content="A Turing machine using preprocessor. 2001 IOCCC entry herrmann1 - Best abuse of the C preprocessor">
 <meta name="keywords" content="IOCCC, 2001, IOCCC 2001, IOCCC entry, herrmann1, Best abuse of the C preprocessor">
+<link rel="canonical" href="https://www.ioccc.org/2001/herrmann1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2001/herrmann1/index.html">
+<meta property="og:title" content="2001/herrmann1 - Best abuse of the C preprocessor">
+<meta property="og:description" content="A Turing machine using preprocessor. 2001 IOCCC entry herrmann1 - Best abuse of the C preprocessor">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2001/herrmann1 - Best abuse of the C preprocessor</h2>
diff --git a/2001/herrmann2/index.html b/2001/herrmann2/index.html
index b804c55ecd..c7540575c9 100644
--- a/2001/herrmann2/index.html
+++ b/2001/herrmann2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2001/herrmann2 - Most eye-crossing</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2001 IOCCC entry herrmann2 - Most eye-crossing">
+<meta name="description" content="SIRDS/3D generator where the source is SIRDS/3D itself. 2001 IOCCC entry herrmann2 - Most eye-crossing">
 <meta name="keywords" content="IOCCC, 2001, IOCCC 2001, IOCCC entry, herrmann2, Most eye-crossing">
+<link rel="canonical" href="https://www.ioccc.org/2001/herrmann2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2001/herrmann2/index.html">
+<meta property="og:title" content="2001/herrmann2 - Most eye-crossing">
+<meta property="og:description" content="SIRDS/3D generator where the source is SIRDS/3D itself. 2001 IOCCC entry herrmann2 - Most eye-crossing">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2001/herrmann2 - Most eye-crossing</h2>
diff --git a/2001/jason/index.html b/2001/jason/index.html
index 5e10ba8bcb..9e63d0fff4 100644
--- a/2001/jason/index.html
+++ b/2001/jason/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2001/jason - Best of Show</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2001 IOCCC entry jason - Best of Show">
+<meta name="description" content="An Adventure-like game. 2001 IOCCC entry jason - Best of Show">
 <meta name="keywords" content="IOCCC, 2001, IOCCC 2001, IOCCC entry, jason, Best of Show">
+<link rel="canonical" href="https://www.ioccc.org/2001/jason/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2001/jason/index.html">
+<meta property="og:title" content="2001/jason - Best of Show">
+<meta property="og:description" content="An Adventure-like game. 2001 IOCCC entry jason - Best of Show">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2001/jason - Best of Show</h2>
diff --git a/2001/kev/index.html b/2001/kev/index.html
index 1c28bd17db..943e7d8890 100644
--- a/2001/kev/index.html
+++ b/2001/kev/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2001/kev - Best curses game</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2001 IOCCC entry kev - Best curses game">
+<meta name="description" content="A Pong game across network. 2001 IOCCC entry kev - Best curses game">
 <meta name="keywords" content="IOCCC, 2001, IOCCC 2001, IOCCC entry, kev, Best curses game">
+<link rel="canonical" href="https://www.ioccc.org/2001/kev/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2001/kev/index.html">
+<meta property="og:title" content="2001/kev - Best curses game">
+<meta property="og:description" content="A Pong game across network. 2001 IOCCC entry kev - Best curses game">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2001/kev - Best curses game</h2>
diff --git a/2001/ollinger/index.html b/2001/ollinger/index.html
index 29a87bcb0c..f30fc72cff 100644
--- a/2001/ollinger/index.html
+++ b/2001/ollinger/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2001/ollinger - Best primal ASCII graphics</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2001 IOCCC entry ollinger - Best primal ASCII graphics">
+<meta name="description" content="Prints primes with a sieve graph. 2001 IOCCC entry ollinger - Best primal ASCII graphics">
 <meta name="keywords" content="IOCCC, 2001, IOCCC 2001, IOCCC entry, ollinger, Best primal ASCII graphics">
+<link rel="canonical" href="https://www.ioccc.org/2001/ollinger/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2001/ollinger/index.html">
+<meta property="og:title" content="2001/ollinger - Best primal ASCII graphics">
+<meta property="og:description" content="Prints primes with a sieve graph. 2001 IOCCC entry ollinger - Best primal ASCII graphics">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2001/ollinger - Best primal ASCII graphics</h2>
diff --git a/2001/rosten/index.html b/2001/rosten/index.html
index efe7d30307..b9aebfa80d 100644
--- a/2001/rosten/index.html
+++ b/2001/rosten/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2001/rosten - Best abuse of the user</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2001 IOCCC entry rosten - Best abuse of the user">
+<meta name="description" content="Makes X mouse pointer have inertia or anti-inertia. 2001 IOCCC entry rosten - Best abuse of the user">
 <meta name="keywords" content="IOCCC, 2001, IOCCC 2001, IOCCC entry, rosten, Best abuse of the user">
+<link rel="canonical" href="https://www.ioccc.org/2001/rosten/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2001/rosten/index.html">
+<meta property="og:title" content="2001/rosten - Best abuse of the user">
+<meta property="og:description" content="Makes X mouse pointer have inertia or anti-inertia. 2001 IOCCC entry rosten - Best abuse of the user">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2001/rosten - Best abuse of the user</h2>
diff --git a/2001/schweikh/index.html b/2001/schweikh/index.html
index 0dd39d7241..3396b7134f 100644
--- a/2001/schweikh/index.html
+++ b/2001/schweikh/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2001/schweikh - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2001 IOCCC entry schweikh - Best one liner">
+<meta name="description" content="Shell glob matcher. 2001 IOCCC entry schweikh - Best one liner">
 <meta name="keywords" content="IOCCC, 2001, IOCCC 2001, IOCCC entry, schweikh, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/2001/schweikh/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2001/schweikh/index.html">
+<meta property="og:title" content="2001/schweikh - Best one liner">
+<meta property="og:description" content="Shell glob matcher. 2001 IOCCC entry schweikh - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2001/schweikh - Best one liner</h2>
diff --git a/2001/westley/index.html b/2001/westley/index.html
index ff49715ac3..e687cea571 100644
--- a/2001/westley/index.html
+++ b/2001/westley/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2001/westley - Best position-independent code</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2001 IOCCC entry westley - Best position-independent code">
+<meta name="description" content="Sorts/scrambles that outputs as text/punch-cards. 2001 IOCCC entry westley - Best position-independent code">
 <meta name="keywords" content="IOCCC, 2001, IOCCC 2001, IOCCC entry, westley, Best position-independent code">
+<link rel="canonical" href="https://www.ioccc.org/2001/westley/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2001/westley/index.html">
+<meta property="og:title" content="2001/westley - Best position-independent code">
+<meta property="og:description" content="Sorts/scrambles that outputs as text/punch-cards. 2001 IOCCC entry westley - Best position-independent code">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2001/westley - Best position-independent code</h2>
diff --git a/2001/williams/index.html b/2001/williams/index.html
index 2c4b26145d..240fc615cb 100644
--- a/2001/williams/index.html
+++ b/2001/williams/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2001/williams - Best graphic game</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2001 IOCCC entry williams - Best graphic game">
+<meta name="description" content="Plays X-based missile command. 2001 IOCCC entry williams - Best graphic game">
 <meta name="keywords" content="IOCCC, 2001, IOCCC 2001, IOCCC entry, williams, Best graphic game">
+<link rel="canonical" href="https://www.ioccc.org/2001/williams/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2001/williams/index.html">
+<meta property="og:title" content="2001/williams - Best graphic game">
+<meta property="og:description" content="Plays X-based missile command. 2001 IOCCC entry williams - Best graphic game">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2001/williams - Best graphic game</h2>
diff --git a/2004/anonymous/index.html b/2004/anonymous/index.html
index 6da1c1924a..e79a4704a1 100644
--- a/2004/anonymous/index.html
+++ b/2004/anonymous/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2004/anonymous - Best use of 'Precious' Lines</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2004 IOCCC entry anonymous - Best use of 'Precious' Lines">
+<meta name="description" content="Rendering of a stroked font. 2004 IOCCC entry anonymous - Best use of 'Precious' Lines">
 <meta name="keywords" content="IOCCC, 2004, IOCCC 2004, IOCCC entry, anonymous, Best use of 'Precious' Lines">
+<link rel="canonical" href="https://www.ioccc.org/2004/anonymous/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2004/anonymous/index.html">
+<meta property="og:title" content="2004/anonymous - Best use of 'Precious' Lines">
+<meta property="og:description" content="Rendering of a stroked font. 2004 IOCCC entry anonymous - Best use of 'Precious' Lines">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2004/anonymous - Best use of 'Precious' Lines</h2>
diff --git a/2004/arachnid/index.html b/2004/arachnid/index.html
index 5fb2ed340e..c6cf3012d8 100644
--- a/2004/arachnid/index.html
+++ b/2004/arachnid/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2004/arachnid - Best use of vision</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2004 IOCCC entry arachnid - Best use of vision">
+<meta name="description" content="Curses maze navigator with only line-of-sight visibility. 2004 IOCCC entry arachnid - Best use of vision">
 <meta name="keywords" content="IOCCC, 2004, IOCCC 2004, IOCCC entry, arachnid, Best use of vision">
+<link rel="canonical" href="https://www.ioccc.org/2004/arachnid/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2004/arachnid/index.html">
+<meta property="og:title" content="2004/arachnid - Best use of vision">
+<meta property="og:description" content="Curses maze navigator with only line-of-sight visibility. 2004 IOCCC entry arachnid - Best use of vision">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2004/arachnid - Best use of vision</h2>
diff --git a/2004/burley/index.html b/2004/burley/index.html
index 6f8249848e..dfe6ea25bc 100644
--- a/2004/burley/index.html
+++ b/2004/burley/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2004/burley - Best calculated risk</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2004 IOCCC entry burley - Best calculated risk">
+<meta name="description" content="A Poker game. 2004 IOCCC entry burley - Best calculated risk">
 <meta name="keywords" content="IOCCC, 2004, IOCCC 2004, IOCCC entry, burley, Best calculated risk">
+<link rel="canonical" href="https://www.ioccc.org/2004/burley/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2004/burley/index.html">
+<meta property="og:title" content="2004/burley - Best calculated risk">
+<meta property="og:description" content="A Poker game. 2004 IOCCC entry burley - Best calculated risk">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2004/burley - Best calculated risk</h2>
diff --git a/2004/gavare/index.html b/2004/gavare/index.html
index 33a9564d9f..4763452bd9 100644
--- a/2004/gavare/index.html
+++ b/2004/gavare/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2004/gavare - Best use of light and spheres</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2004 IOCCC entry gavare - Best use of light and spheres">
+<meta name="description" content="A ray tracer. 2004 IOCCC entry gavare - Best use of light and spheres">
 <meta name="keywords" content="IOCCC, 2004, IOCCC 2004, IOCCC entry, gavare, Best use of light and spheres">
+<link rel="canonical" href="https://www.ioccc.org/2004/gavare/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2004/gavare/index.html">
+<meta property="og:title" content="2004/gavare - Best use of light and spheres">
+<meta property="og:description" content="A ray tracer. 2004 IOCCC entry gavare - Best use of light and spheres">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2004/gavare - Best use of light and spheres</h2>
diff --git a/2004/gavin/gavin.html b/2004/gavin/gavin.html
index c2437fe454..67eda23060 100644
--- a/2004/gavin/gavin.html
+++ b/2004/gavin/gavin.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="gavin.md for 2004/gavin">
 <meta name="keywords" content="IOCCC, 2004/gavin, gavin.md">
+<link rel="canonical" href="https://www.ioccc.org/2004/gavin/gavin.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2004/gavin/gavin.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="gavin.md for 2004/gavin">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>gavin.html for 2004/gavin</h2>
diff --git a/2004/gavin/index.html b/2004/gavin/index.html
index 8a4eb76a3c..0a6fa37b02 100644
--- a/2004/gavin/index.html
+++ b/2004/gavin/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2004/gavin - Best of Show</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2004 IOCCC entry gavin - Best of Show">
+<meta name="description" content="Mini-OS. 2004 IOCCC entry gavin - Best of Show">
 <meta name="keywords" content="IOCCC, 2004, IOCCC 2004, IOCCC entry, gavin, Best of Show">
+<link rel="canonical" href="https://www.ioccc.org/2004/gavin/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2004/gavin/index.html">
+<meta property="og:title" content="2004/gavin - Best of Show">
+<meta property="og:description" content="Mini-OS. 2004 IOCCC entry gavin - Best of Show">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2004/gavin - Best of Show</h2>
diff --git a/2004/hibachi/index.html b/2004/hibachi/index.html
index 5b2d0eff21..4d292aec27 100644
--- a/2004/hibachi/index.html
+++ b/2004/hibachi/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2004/hibachi - Best abuse of the guidelines</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2004 IOCCC entry hibachi - Best abuse of the guidelines">
+<meta name="description" content="A CGI capable HTTP server. 2004 IOCCC entry hibachi - Best abuse of the guidelines">
 <meta name="keywords" content="IOCCC, 2004, IOCCC 2004, IOCCC entry, hibachi, Best abuse of the guidelines">
+<link rel="canonical" href="https://www.ioccc.org/2004/hibachi/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2004/hibachi/index.html">
+<meta property="og:title" content="2004/hibachi - Best abuse of the guidelines">
+<meta property="og:description" content="A CGI capable HTTP server. 2004 IOCCC entry hibachi - Best abuse of the guidelines">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2004/hibachi - Best abuse of the guidelines</h2>
diff --git a/2004/hoyle/index.html b/2004/hoyle/index.html
index efab22d9d9..a6d0655ab8 100644
--- a/2004/hoyle/index.html
+++ b/2004/hoyle/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2004/hoyle - Most functional output</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2004 IOCCC entry hoyle - Most functional output">
+<meta name="description" content="Curses based polynomial graphing with auto-scale. 2004 IOCCC entry hoyle - Most functional output">
 <meta name="keywords" content="IOCCC, 2004, IOCCC 2004, IOCCC entry, hoyle, Most functional output">
+<link rel="canonical" href="https://www.ioccc.org/2004/hoyle/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2004/hoyle/index.html">
+<meta property="og:title" content="2004/hoyle - Most functional output">
+<meta property="og:description" content="Curses based polynomial graphing with auto-scale. 2004 IOCCC entry hoyle - Most functional output">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2004/hoyle - Most functional output</h2>
diff --git a/2004/jdalbec/index.html b/2004/jdalbec/index.html
index 434b8ec066..3b6e301f32 100644
--- a/2004/jdalbec/index.html
+++ b/2004/jdalbec/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2004/jdalbec - Best abuse of the periodic table</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2004 IOCCC entry jdalbec - Best abuse of the periodic table">
+<meta name="description" content="Conway's look'n'say sequence split into elements. 2004 IOCCC entry jdalbec - Best abuse of the periodic table">
 <meta name="keywords" content="IOCCC, 2004, IOCCC 2004, IOCCC entry, jdalbec, Best abuse of the periodic table">
+<link rel="canonical" href="https://www.ioccc.org/2004/jdalbec/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2004/jdalbec/index.html">
+<meta property="og:title" content="2004/jdalbec - Best abuse of the periodic table">
+<meta property="og:description" content="Conway's look'n'say sequence split into elements. 2004 IOCCC entry jdalbec - Best abuse of the periodic table">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2004/jdalbec - Best abuse of the periodic table</h2>
diff --git a/2004/kopczynski/index.html b/2004/kopczynski/index.html
index ccc3966c0e..5163e5defb 100644
--- a/2004/kopczynski/index.html
+++ b/2004/kopczynski/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2004/kopczynski - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2004 IOCCC entry kopczynski - Best one liner">
+<meta name="description" content="OCR of 8 or 9 or 10 or 11. 2004 IOCCC entry kopczynski - Best one liner">
 <meta name="keywords" content="IOCCC, 2004, IOCCC 2004, IOCCC entry, kopczynski, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/2004/kopczynski/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2004/kopczynski/index.html">
+<meta property="og:title" content="2004/kopczynski - Best one liner">
+<meta property="og:description" content="OCR of 8 or 9 or 10 or 11. 2004 IOCCC entry kopczynski - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2004/kopczynski - Best one liner</h2>
diff --git a/2004/newbern/index.html b/2004/newbern/index.html
index 080243c09d..881f5895c5 100644
--- a/2004/newbern/index.html
+++ b/2004/newbern/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2004/newbern - Best font engine</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2004 IOCCC entry newbern - Best font engine">
+<meta name="description" content="Renders arbitary bitmapped fonts. 2004 IOCCC entry newbern - Best font engine">
 <meta name="keywords" content="IOCCC, 2004, IOCCC 2004, IOCCC entry, newbern, Best font engine">
+<link rel="canonical" href="https://www.ioccc.org/2004/newbern/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2004/newbern/index.html">
+<meta property="og:title" content="2004/newbern - Best font engine">
+<meta property="og:description" content="Renders arbitary bitmapped fonts. 2004 IOCCC entry newbern - Best font engine">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2004/newbern - Best font engine</h2>
diff --git a/2004/omoikane/index.html b/2004/omoikane/index.html
index ec7c26c3bc..f353cb143b 100644
--- a/2004/omoikane/index.html
+++ b/2004/omoikane/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2004/omoikane - Best utility</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2004 IOCCC entry omoikane - Best utility">
+<meta name="description" content="A CRC inserter. 2004 IOCCC entry omoikane - Best utility">
 <meta name="keywords" content="IOCCC, 2004, IOCCC 2004, IOCCC entry, omoikane, Best utility">
+<link rel="canonical" href="https://www.ioccc.org/2004/omoikane/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2004/omoikane/index.html">
+<meta property="og:title" content="2004/omoikane - Best utility">
+<meta property="og:description" content="A CRC inserter. 2004 IOCCC entry omoikane - Best utility">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2004/omoikane - Best utility</h2>
diff --git a/2004/schnitzi/index.html b/2004/schnitzi/index.html
index 7cc9273f33..284141723d 100644
--- a/2004/schnitzi/index.html
+++ b/2004/schnitzi/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2004/schnitzi - Best non-use of curses</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2004 IOCCC entry schnitzi - Best non-use of curses">
+<meta name="description" content="Editor animation. 2004 IOCCC entry schnitzi - Best non-use of curses">
 <meta name="keywords" content="IOCCC, 2004, IOCCC 2004, IOCCC entry, schnitzi, Best non-use of curses">
+<link rel="canonical" href="https://www.ioccc.org/2004/schnitzi/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2004/schnitzi/index.html">
+<meta property="og:title" content="2004/schnitzi - Best non-use of curses">
+<meta property="og:description" content="Editor animation. 2004 IOCCC entry schnitzi - Best non-use of curses">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2004/schnitzi - Best non-use of curses</h2>
diff --git a/2004/sds/index.html b/2004/sds/index.html
index ad54f19714..547bf5fdcb 100644
--- a/2004/sds/index.html
+++ b/2004/sds/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2004/sds - Best abuse of indentation</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2004 IOCCC entry sds - Best abuse of indentation">
+<meta name="description" content="Space/tab/linefeed steganography. 2004 IOCCC entry sds - Best abuse of indentation">
 <meta name="keywords" content="IOCCC, 2004, IOCCC 2004, IOCCC entry, sds, Best abuse of indentation">
+<link rel="canonical" href="https://www.ioccc.org/2004/sds/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2004/sds/index.html">
+<meta property="og:title" content="2004/sds - Best abuse of indentation">
+<meta property="og:description" content="Space/tab/linefeed steganography. 2004 IOCCC entry sds - Best abuse of indentation">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2004/sds - Best abuse of indentation</h2>
diff --git a/2004/vik1/index.html b/2004/vik1/index.html
index 3361f4f3fd..389fa291e2 100644
--- a/2004/vik1/index.html
+++ b/2004/vik1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2004/vik1 - Best X11 game</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2004 IOCCC entry vik1 - Best X11 game">
+<meta name="description" content="X Windows car racing game. 2004 IOCCC entry vik1 - Best X11 game">
 <meta name="keywords" content="IOCCC, 2004, IOCCC 2004, IOCCC entry, vik1, Best X11 game">
+<link rel="canonical" href="https://www.ioccc.org/2004/vik1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2004/vik1/index.html">
+<meta property="og:title" content="2004/vik1 - Best X11 game">
+<meta property="og:description" content="X Windows car racing game. 2004 IOCCC entry vik1 - Best X11 game">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2004/vik1 - Best X11 game</h2>
diff --git a/2004/vik2/index.html b/2004/vik2/index.html
index f057482bf6..0c8fe597f9 100644
--- a/2004/vik2/index.html
+++ b/2004/vik2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2004/vik2 - Best abuse of CPP</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2004 IOCCC entry vik2 - Best abuse of CPP">
+<meta name="description" content="Calculates prime numbers using only CPP. 2004 IOCCC entry vik2 - Best abuse of CPP">
 <meta name="keywords" content="IOCCC, 2004, IOCCC 2004, IOCCC entry, vik2, Best abuse of CPP">
+<link rel="canonical" href="https://www.ioccc.org/2004/vik2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2004/vik2/index.html">
+<meta property="og:title" content="2004/vik2 - Best abuse of CPP">
+<meta property="og:description" content="Calculates prime numbers using only CPP. 2004 IOCCC entry vik2 - Best abuse of CPP">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2004/vik2 - Best abuse of CPP</h2>
diff --git a/2005/aidan/index.html b/2005/aidan/index.html
index 2845be41fc..9a67add4cb 100644
--- a/2005/aidan/index.html
+++ b/2005/aidan/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2005/aidan - Most ingenious puzzle solution</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2005 IOCCC entry aidan - Most ingenious puzzle solution">
+<meta name="description" content="Sudoku solver. 2005 IOCCC entry aidan - Most ingenious puzzle solution">
 <meta name="keywords" content="IOCCC, 2005, IOCCC 2005, IOCCC entry, aidan, Most ingenious puzzle solution">
+<link rel="canonical" href="https://www.ioccc.org/2005/aidan/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2005/aidan/index.html">
+<meta property="og:title" content="2005/aidan - Most ingenious puzzle solution">
+<meta property="og:description" content="Sudoku solver. 2005 IOCCC entry aidan - Most ingenious puzzle solution">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2005/aidan - Most ingenious puzzle solution</h2>
diff --git a/2005/anon/index.html b/2005/anon/index.html
index 9fb20e8e18..8f26831f54 100644
--- a/2005/anon/index.html
+++ b/2005/anon/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2005/anon - Best 3D puzzle</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2005 IOCCC entry anon - Best 3D puzzle">
+<meta name="description" content="Multi-dimensional sliding tile puzzle generator. 2005 IOCCC entry anon - Best 3D puzzle">
 <meta name="keywords" content="IOCCC, 2005, IOCCC 2005, IOCCC entry, anon, Best 3D puzzle">
+<link rel="canonical" href="https://www.ioccc.org/2005/anon/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2005/anon/index.html">
+<meta property="og:title" content="2005/anon - Best 3D puzzle">
+<meta property="og:description" content="Multi-dimensional sliding tile puzzle generator. 2005 IOCCC entry anon - Best 3D puzzle">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2005/anon - Best 3D puzzle</h2>
diff --git a/2005/boutines/index.html b/2005/boutines/index.html
index 6a4856fe0d..a9da6f34bd 100644
--- a/2005/boutines/index.html
+++ b/2005/boutines/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2005/boutines - Most superfluous output</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2005 IOCCC entry boutines - Most superfluous output">
+<meta name="description" content="Voronoi diagram generator. 2005 IOCCC entry boutines - Most superfluous output">
 <meta name="keywords" content="IOCCC, 2005, IOCCC 2005, IOCCC entry, boutines, Most superfluous output">
+<link rel="canonical" href="https://www.ioccc.org/2005/boutines/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2005/boutines/index.html">
+<meta property="og:title" content="2005/boutines - Most superfluous output">
+<meta property="og:description" content="Voronoi diagram generator. 2005 IOCCC entry boutines - Most superfluous output">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2005/boutines - Most superfluous output</h2>
diff --git a/2005/chia/index.html b/2005/chia/index.html
index 889e26c023..3f662ce8e0 100644
--- a/2005/chia/index.html
+++ b/2005/chia/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2005/chia - Most ambiguous language</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2005 IOCCC entry chia - Most ambiguous language">
+<meta name="description" content="Java parody. 2005 IOCCC entry chia - Most ambiguous language">
 <meta name="keywords" content="IOCCC, 2005, IOCCC 2005, IOCCC entry, chia, Most ambiguous language">
+<link rel="canonical" href="https://www.ioccc.org/2005/chia/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2005/chia/index.html">
+<meta property="og:title" content="2005/chia - Most ambiguous language">
+<meta property="og:description" content="Java parody. 2005 IOCCC entry chia - Most ambiguous language">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2005/chia - Most ambiguous language</h2>
diff --git a/2005/giljade/index.html b/2005/giljade/index.html
index ad25f37508..736620a8e1 100644
--- a/2005/giljade/index.html
+++ b/2005/giljade/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2005/giljade - Best 2D puzzle</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2005 IOCCC entry giljade - Best 2D puzzle">
+<meta name="description" content="2D sliding tile puzzle solver. 2005 IOCCC entry giljade - Best 2D puzzle">
 <meta name="keywords" content="IOCCC, 2005, IOCCC 2005, IOCCC entry, giljade, Best 2D puzzle">
+<link rel="canonical" href="https://www.ioccc.org/2005/giljade/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2005/giljade/index.html">
+<meta property="og:title" content="2005/giljade - Best 2D puzzle">
+<meta property="og:description" content="2D sliding tile puzzle solver. 2005 IOCCC entry giljade - Best 2D puzzle">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2005/giljade - Best 2D puzzle</h2>
diff --git a/2005/jetro/index.html b/2005/jetro/index.html
index b50c3cc2f3..6985ea960e 100644
--- a/2005/jetro/index.html
+++ b/2005/jetro/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2005/jetro - Most sonorous output</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2005 IOCCC entry jetro - Most sonorous output">
+<meta name="description" content="Audio synthesizer. 2005 IOCCC entry jetro - Most sonorous output">
 <meta name="keywords" content="IOCCC, 2005, IOCCC 2005, IOCCC entry, jetro, Most sonorous output">
+<link rel="canonical" href="https://www.ioccc.org/2005/jetro/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2005/jetro/index.html">
+<meta property="og:title" content="2005/jetro - Most sonorous output">
+<meta property="og:description" content="Audio synthesizer. 2005 IOCCC entry jetro - Most sonorous output">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2005/jetro - Most sonorous output</h2>
diff --git a/2005/klausler/index.html b/2005/klausler/index.html
index ddf5dcb901..1b86b6ebeb 100644
--- a/2005/klausler/index.html
+++ b/2005/klausler/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2005/klausler - Abuse of the rules</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2005 IOCCC entry klausler - Abuse of the rules">
+<meta name="description" content="Anagram generator. 2005 IOCCC entry klausler - Abuse of the rules">
 <meta name="keywords" content="IOCCC, 2005, IOCCC 2005, IOCCC entry, klausler, Abuse of the rules">
+<link rel="canonical" href="https://www.ioccc.org/2005/klausler/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2005/klausler/index.html">
+<meta property="og:title" content="2005/klausler - Abuse of the rules">
+<meta property="og:description" content="Anagram generator. 2005 IOCCC entry klausler - Abuse of the rules">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2005/klausler - Abuse of the rules</h2>
diff --git a/2005/mikeash/index.html b/2005/mikeash/index.html
index cdeb9659c1..f2d68f799d 100644
--- a/2005/mikeash/index.html
+++ b/2005/mikeash/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2005/mikeash - Best use of parenthesis</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2005 IOCCC entry mikeash - Best use of parenthesis">
+<meta name="description" content="Self-printing Common Lisp interpreter. 2005 IOCCC entry mikeash - Best use of parenthesis">
 <meta name="keywords" content="IOCCC, 2005, IOCCC 2005, IOCCC entry, mikeash, Best use of parenthesis">
+<link rel="canonical" href="https://www.ioccc.org/2005/mikeash/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2005/mikeash/index.html">
+<meta property="og:title" content="2005/mikeash - Best use of parenthesis">
+<meta property="og:description" content="Self-printing Common Lisp interpreter. 2005 IOCCC entry mikeash - Best use of parenthesis">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2005/mikeash - Best use of parenthesis</h2>
diff --git a/2005/mynx/index.html b/2005/mynx/index.html
index efea01d317..0c5524b76f 100644
--- a/2005/mynx/index.html
+++ b/2005/mynx/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2005/mynx - Best use of the WWW</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2005 IOCCC entry mynx - Best use of the WWW">
+<meta name="description" content="Web browser. 2005 IOCCC entry mynx - Best use of the WWW">
 <meta name="keywords" content="IOCCC, 2005, IOCCC 2005, IOCCC entry, mynx, Best use of the WWW">
+<link rel="canonical" href="https://www.ioccc.org/2005/mynx/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2005/mynx/index.html">
+<meta property="og:title" content="2005/mynx - Best use of the WWW">
+<meta property="og:description" content="Web browser. 2005 IOCCC entry mynx - Best use of the WWW">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2005/mynx - Best use of the WWW</h2>
diff --git a/2005/persano/index.html b/2005/persano/index.html
index b80bf246b6..b7165cb28e 100644
--- a/2005/persano/index.html
+++ b/2005/persano/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2005/persano - Best of Show</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2005 IOCCC entry persano - Best of Show">
+<meta name="description" content="Generates animated knots. 2005 IOCCC entry persano - Best of Show">
 <meta name="keywords" content="IOCCC, 2005, IOCCC 2005, IOCCC entry, persano, Best of Show">
+<link rel="canonical" href="https://www.ioccc.org/2005/persano/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2005/persano/index.html">
+<meta property="og:title" content="2005/persano - Best of Show">
+<meta property="og:description" content="Generates animated knots. 2005 IOCCC entry persano - Best of Show">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2005/persano - Best of Show</h2>
diff --git a/2005/sykes/index.html b/2005/sykes/index.html
index a7ced27a31..e2977530d7 100644
--- a/2005/sykes/index.html
+++ b/2005/sykes/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2005/sykes - Best emulator</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2005 IOCCC entry sykes - Best emulator">
+<meta name="description" content="Commodore PET emulator. 2005 IOCCC entry sykes - Best emulator">
 <meta name="keywords" content="IOCCC, 2005, IOCCC 2005, IOCCC entry, sykes, Best emulator">
+<link rel="canonical" href="https://www.ioccc.org/2005/sykes/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2005/sykes/index.html">
+<meta property="og:title" content="2005/sykes - Best emulator">
+<meta property="og:description" content="Commodore PET emulator. 2005 IOCCC entry sykes - Best emulator">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2005/sykes - Best emulator</h2>
diff --git a/2005/timwi/index.html b/2005/timwi/index.html
index 31dbe5ce96..e9fd024bad 100644
--- a/2005/timwi/index.html
+++ b/2005/timwi/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2005/timwi - Most discourteous interpreter</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2005 IOCCC entry timwi - Most discourteous interpreter">
+<meta name="description" content="A BF lanaguage interpreter. 2005 IOCCC entry timwi - Most discourteous interpreter">
 <meta name="keywords" content="IOCCC, 2005, IOCCC 2005, IOCCC entry, timwi, Most discourteous interpreter">
+<link rel="canonical" href="https://www.ioccc.org/2005/timwi/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2005/timwi/index.html">
+<meta property="og:title" content="2005/timwi - Most discourteous interpreter">
+<meta property="og:description" content="A BF lanaguage interpreter. 2005 IOCCC entry timwi - Most discourteous interpreter">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2005/timwi - Most discourteous interpreter</h2>
diff --git a/2005/toledo/index.html b/2005/toledo/index.html
index c61081dc9a..00bef0bc04 100644
--- a/2005/toledo/index.html
+++ b/2005/toledo/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2005/toledo - Best game</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2005 IOCCC entry toledo - Best game">
+<meta name="description" content="Play chess. 2005 IOCCC entry toledo - Best game">
 <meta name="keywords" content="IOCCC, 2005, IOCCC 2005, IOCCC entry, toledo, Best game">
+<link rel="canonical" href="https://www.ioccc.org/2005/toledo/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2005/toledo/index.html">
+<meta property="og:title" content="2005/toledo - Best game">
+<meta property="og:description" content="Play chess. 2005 IOCCC entry toledo - Best game">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2005/toledo - Best game</h2>
diff --git a/2005/vik/index.html b/2005/vik/index.html
index fcc9d1a559..438128910b 100644
--- a/2005/vik/index.html
+++ b/2005/vik/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2005/vik - Most circuitous walk</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2005 IOCCC entry vik - Most circuitous walk">
+<meta name="description" content="Wolfenstein style graphics engine. 2005 IOCCC entry vik - Most circuitous walk">
 <meta name="keywords" content="IOCCC, 2005, IOCCC 2005, IOCCC entry, vik, Most circuitous walk">
+<link rel="canonical" href="https://www.ioccc.org/2005/vik/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2005/vik/index.html">
+<meta property="og:title" content="2005/vik - Most circuitous walk">
+<meta property="og:description" content="Wolfenstein style graphics engine. 2005 IOCCC entry vik - Most circuitous walk">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2005/vik - Most circuitous walk</h2>
diff --git a/2005/vince/index.html b/2005/vince/index.html
index dbbe7087fb..cda10be534 100644
--- a/2005/vince/index.html
+++ b/2005/vince/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2005/vince - Most beauteous visuals</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2005 IOCCC entry vince - Most beauteous visuals">
+<meta name="description" content="Rotating GL Cube demo. 2005 IOCCC entry vince - Most beauteous visuals">
 <meta name="keywords" content="IOCCC, 2005, IOCCC 2005, IOCCC entry, vince, Most beauteous visuals">
+<link rel="canonical" href="https://www.ioccc.org/2005/vince/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2005/vince/index.html">
+<meta property="og:title" content="2005/vince - Most beauteous visuals">
+<meta property="og:description" content="Rotating GL Cube demo. 2005 IOCCC entry vince - Most beauteous visuals">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2005/vince - Most beauteous visuals</h2>
diff --git a/2006/birken/index.html b/2006/birken/index.html
index 618610d2ae..3a1f5f3893 100644
--- a/2006/birken/index.html
+++ b/2006/birken/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2006/birken - EDAMAME Award</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2006 IOCCC entry birken - EDAMAME Award">
+<meta name="description" content="Circuit Simulator. 2006 IOCCC entry birken - EDAMAME Award">
 <meta name="keywords" content="IOCCC, 2006, IOCCC 2006, IOCCC entry, birken, EDAMAME Award">
+<link rel="canonical" href="https://www.ioccc.org/2006/birken/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2006/birken/index.html">
+<meta property="og:title" content="2006/birken - EDAMAME Award">
+<meta property="og:description" content="Circuit Simulator. 2006 IOCCC entry birken - EDAMAME Award">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2006/birken - EDAMAME Award</h2>
diff --git a/2006/borsanyi/index.html b/2006/borsanyi/index.html
index ceabaabc2f..9f80177949 100644
--- a/2006/borsanyi/index.html
+++ b/2006/borsanyi/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2006/borsanyi - Most useful</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2006 IOCCC entry borsanyi - Most useful">
+<meta name="description" content="Email address to gif image. 2006 IOCCC entry borsanyi - Most useful">
 <meta name="keywords" content="IOCCC, 2006, IOCCC 2006, IOCCC entry, borsanyi, Most useful">
+<link rel="canonical" href="https://www.ioccc.org/2006/borsanyi/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2006/borsanyi/index.html">
+<meta property="og:title" content="2006/borsanyi - Most useful">
+<meta property="og:description" content="Email address to gif image. 2006 IOCCC entry borsanyi - Most useful">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2006/borsanyi - Most useful</h2>
diff --git a/2006/grothe/index.html b/2006/grothe/index.html
index b87b9ca726..89bb05f0c0 100644
--- a/2006/grothe/index.html
+++ b/2006/grothe/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2006/grothe - Most obfuscated audio</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2006 IOCCC entry grothe - Most obfuscated audio">
+<meta name="description" content="Plays audio using a monitor. 2006 IOCCC entry grothe - Most obfuscated audio">
 <meta name="keywords" content="IOCCC, 2006, IOCCC 2006, IOCCC entry, grothe, Most obfuscated audio">
+<link rel="canonical" href="https://www.ioccc.org/2006/grothe/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2006/grothe/index.html">
+<meta property="og:title" content="2006/grothe - Most obfuscated audio">
+<meta property="og:description" content="Plays audio using a monitor. 2006 IOCCC entry grothe - Most obfuscated audio">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2006/grothe - Most obfuscated audio</h2>
diff --git a/2006/hamre/index.html b/2006/hamre/index.html
index 5e37e82f63..9958c054e0 100644
--- a/2006/hamre/index.html
+++ b/2006/hamre/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2006/hamre - Most irrational</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2006 IOCCC entry hamre - Most irrational">
+<meta name="description" content="A calculator for rational numbers. 2006 IOCCC entry hamre - Most irrational">
 <meta name="keywords" content="IOCCC, 2006, IOCCC 2006, IOCCC entry, hamre, Most irrational">
+<link rel="canonical" href="https://www.ioccc.org/2006/hamre/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2006/hamre/index.html">
+<meta property="og:title" content="2006/hamre - Most irrational">
+<meta property="og:description" content="A calculator for rational numbers. 2006 IOCCC entry hamre - Most irrational">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2006/hamre - Most irrational</h2>
diff --git a/2006/meyer/index.html b/2006/meyer/index.html
index 269c4357e3..01d460a963 100644
--- a/2006/meyer/index.html
+++ b/2006/meyer/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2006/meyer - Best game</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2006 IOCCC entry meyer - Best game">
+<meta name="description" content="A two player sudoku like game. 2006 IOCCC entry meyer - Best game">
 <meta name="keywords" content="IOCCC, 2006, IOCCC 2006, IOCCC entry, meyer, Best game">
+<link rel="canonical" href="https://www.ioccc.org/2006/meyer/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2006/meyer/index.html">
+<meta property="og:title" content="2006/meyer - Best game">
+<meta property="og:description" content="A two player sudoku like game. 2006 IOCCC entry meyer - Best game">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2006/meyer - Best game</h2>
diff --git a/2006/monge/index.html b/2006/monge/index.html
index 6e2850cda9..a21cae4ea2 100644
--- a/2006/monge/index.html
+++ b/2006/monge/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2006/monge - Best compiled graphics</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2006 IOCCC entry monge - Best compiled graphics">
+<meta name="description" content="Graphical fractal generator. 2006 IOCCC entry monge - Best compiled graphics">
 <meta name="keywords" content="IOCCC, 2006, IOCCC 2006, IOCCC entry, monge, Best compiled graphics">
+<link rel="canonical" href="https://www.ioccc.org/2006/monge/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2006/monge/index.html">
+<meta property="og:title" content="2006/monge - Best compiled graphics">
+<meta property="og:description" content="Graphical fractal generator. 2006 IOCCC entry monge - Best compiled graphics">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2006/monge - Best compiled graphics</h2>
diff --git a/2006/night/index.html b/2006/night/index.html
index b03dfc8d41..e6efd2d623 100644
--- a/2006/night/index.html
+++ b/2006/night/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2006/night - Best abuse of computation</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2006 IOCCC entry night - Best abuse of computation">
+<meta name="description" content="A maze game. 2006 IOCCC entry night - Best abuse of computation">
 <meta name="keywords" content="IOCCC, 2006, IOCCC 2006, IOCCC entry, night, Best abuse of computation">
+<link rel="canonical" href="https://www.ioccc.org/2006/night/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2006/night/index.html">
+<meta property="og:title" content="2006/night - Best abuse of computation">
+<meta property="og:description" content="A maze game. 2006 IOCCC entry night - Best abuse of computation">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2006/night - Best abuse of computation</h2>
diff --git a/2006/sloane/index.html b/2006/sloane/index.html
index 3637b28076..4246eda16e 100644
--- a/2006/sloane/index.html
+++ b/2006/sloane/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2006/sloane - Homer's favorite</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2006 IOCCC entry sloane - Homer's favorite">
+<meta name="description" content="Animated donut. 2006 IOCCC entry sloane - Homer's favorite">
 <meta name="keywords" content="IOCCC, 2006, IOCCC 2006, IOCCC entry, sloane, Homer's favorite">
+<link rel="canonical" href="https://www.ioccc.org/2006/sloane/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2006/sloane/index.html">
+<meta property="og:title" content="2006/sloane - Homer's favorite">
+<meta property="og:description" content="Animated donut. 2006 IOCCC entry sloane - Homer's favorite">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2006/sloane - Homer's favorite</h2>
diff --git a/2006/stewart/index.html b/2006/stewart/index.html
index 0a5544eaca..886b0d9baf 100644
--- a/2006/stewart/index.html
+++ b/2006/stewart/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2006/stewart - Best computed graphics</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2006 IOCCC entry stewart - Best computed graphics">
+<meta name="description" content="IFS fractal generator. 2006 IOCCC entry stewart - Best computed graphics">
 <meta name="keywords" content="IOCCC, 2006, IOCCC 2006, IOCCC entry, stewart, Best computed graphics">
+<link rel="canonical" href="https://www.ioccc.org/2006/stewart/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2006/stewart/index.html">
+<meta property="og:title" content="2006/stewart - Best computed graphics">
+<meta property="og:description" content="IFS fractal generator. 2006 IOCCC entry stewart - Best computed graphics">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2006/stewart - Best computed graphics</h2>
diff --git a/2006/sykes1/index.html b/2006/sykes1/index.html
index 5648c0cc76..867f4ab8d0 100644
--- a/2006/sykes1/index.html
+++ b/2006/sykes1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2006/sykes1 - Best assembler</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2006 IOCCC entry sykes1 - Best assembler">
+<meta name="description" content="Bedlam cube solver. 2006 IOCCC entry sykes1 - Best assembler">
 <meta name="keywords" content="IOCCC, 2006, IOCCC 2006, IOCCC entry, sykes1, Best assembler">
+<link rel="canonical" href="https://www.ioccc.org/2006/sykes1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2006/sykes1/index.html">
+<meta property="og:title" content="2006/sykes1 - Best assembler">
+<meta property="og:description" content="Bedlam cube solver. 2006 IOCCC entry sykes1 - Best assembler">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2006/sykes1 - Best assembler</h2>
diff --git a/2006/sykes2/index.html b/2006/sykes2/index.html
index c5d2768ba4..66b0d85a45 100644
--- a/2006/sykes2/index.html
+++ b/2006/sykes2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2006/sykes2 - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2006 IOCCC entry sykes2 - Best one liner">
+<meta name="description" content="A clock in one line. 2006 IOCCC entry sykes2 - Best one liner">
 <meta name="keywords" content="IOCCC, 2006, IOCCC 2006, IOCCC entry, sykes2, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/2006/sykes2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2006/sykes2/index.html">
+<meta property="og:title" content="2006/sykes2 - Best one liner">
+<meta property="og:description" content="A clock in one line. 2006 IOCCC entry sykes2 - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2006/sykes2 - Best one liner</h2>
diff --git a/2006/toledo1/index.html b/2006/toledo1/index.html
index d245d1d1cc..479d324cc6 100644
--- a/2006/toledo1/index.html
+++ b/2006/toledo1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2006/toledo1 - Best small program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2006 IOCCC entry toledo1 - Best small program">
+<meta name="description" content="Solve the knight chess problem. 2006 IOCCC entry toledo1 - Best small program">
 <meta name="keywords" content="IOCCC, 2006, IOCCC 2006, IOCCC entry, toledo1, Best small program">
+<link rel="canonical" href="https://www.ioccc.org/2006/toledo1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2006/toledo1/index.html">
+<meta property="og:title" content="2006/toledo1 - Best small program">
+<meta property="og:description" content="Solve the knight chess problem. 2006 IOCCC entry toledo1 - Best small program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2006/toledo1 - Best small program</h2>
diff --git a/2006/toledo2/index.html b/2006/toledo2/index.html
index 922d9160f1..795e60c32f 100644
--- a/2006/toledo2/index.html
+++ b/2006/toledo2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2006/toledo2 - Best of Show</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2006 IOCCC entry toledo2 - Best of Show">
+<meta name="description" content="An 8080 emulator. 2006 IOCCC entry toledo2 - Best of Show">
 <meta name="keywords" content="IOCCC, 2006, IOCCC 2006, IOCCC entry, toledo2, Best of Show">
+<link rel="canonical" href="https://www.ioccc.org/2006/toledo2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2006/toledo2/index.html">
+<meta property="og:title" content="2006/toledo2 - Best of Show">
+<meta property="og:description" content="An 8080 emulator. 2006 IOCCC entry toledo2 - Best of Show">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2006/toledo2 - Best of Show</h2>
diff --git a/2006/toledo3/index.html b/2006/toledo3/index.html
index 1f39dae0e7..de6b1403cc 100644
--- a/2006/toledo3/index.html
+++ b/2006/toledo3/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2006/toledo3 - Most portable chess set</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2006 IOCCC entry toledo3 - Most portable chess set">
+<meta name="description" content="An X11 chess game. 2006 IOCCC entry toledo3 - Most portable chess set">
 <meta name="keywords" content="IOCCC, 2006, IOCCC 2006, IOCCC entry, toledo3, Most portable chess set">
+<link rel="canonical" href="https://www.ioccc.org/2006/toledo3/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2006/toledo3/index.html">
+<meta property="og:title" content="2006/toledo3 - Most portable chess set">
+<meta property="og:description" content="An X11 chess game. 2006 IOCCC entry toledo3 - Most portable chess set">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2006/toledo3 - Most portable chess set</h2>
diff --git a/2011/akari/index.html b/2011/akari/index.html
index 4ef059a25b..7ccc5ae07f 100644
--- a/2011/akari/index.html
+++ b/2011/akari/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2011/akari - Best of Show - Most Shrinkable</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2011 IOCCC entry akari - Best of Show - Most Shrinkable">
+<meta name="description" content="Downsampler with 3 embedded programs. 2011 IOCCC entry akari - Best of Show - Most Shrinkable">
 <meta name="keywords" content="IOCCC, 2011, IOCCC 2011, IOCCC entry, akari, Best of Show - Most Shrinkable">
+<link rel="canonical" href="https://www.ioccc.org/2011/akari/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2011/akari/index.html">
+<meta property="og:title" content="2011/akari - Best of Show - Most Shrinkable">
+<meta property="og:description" content="Downsampler with 3 embedded programs. 2011 IOCCC entry akari - Best of Show - Most Shrinkable">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2011/akari - Best of Show - Most Shrinkable</h2>
diff --git a/2011/blakely/index.html b/2011/blakely/index.html
index 2e26634dd7..fb4a278e2f 100644
--- a/2011/blakely/index.html
+++ b/2011/blakely/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2011/blakely - Most devolving</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2011 IOCCC entry blakely - Most devolving">
+<meta name="description" content="Life/reverse life. 2011 IOCCC entry blakely - Most devolving">
 <meta name="keywords" content="IOCCC, 2011, IOCCC 2011, IOCCC entry, blakely, Most devolving">
+<link rel="canonical" href="https://www.ioccc.org/2011/blakely/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2011/blakely/index.html">
+<meta property="og:title" content="2011/blakely - Most devolving">
+<meta property="og:description" content="Life/reverse life. 2011 IOCCC entry blakely - Most devolving">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2011/blakely - Most devolving</h2>
diff --git a/2011/borsanyi/index.html b/2011/borsanyi/index.html
index 911b790178..39f36b4412 100644
--- a/2011/borsanyi/index.html
+++ b/2011/borsanyi/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2011/borsanyi - Best data utility</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2011 IOCCC entry borsanyi - Best data utility">
+<meta name="description" content="Bar graph plotter. 2011 IOCCC entry borsanyi - Best data utility">
 <meta name="keywords" content="IOCCC, 2011, IOCCC 2011, IOCCC entry, borsanyi, Best data utility">
+<link rel="canonical" href="https://www.ioccc.org/2011/borsanyi/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2011/borsanyi/index.html">
+<meta property="og:title" content="2011/borsanyi - Best data utility">
+<meta property="og:description" content="Bar graph plotter. 2011 IOCCC entry borsanyi - Best data utility">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2011/borsanyi - Best data utility</h2>
diff --git a/2011/dlowe/index.html b/2011/dlowe/index.html
index dcca34df26..bb43259f75 100644
--- a/2011/dlowe/index.html
+++ b/2011/dlowe/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2011/dlowe - Most self deprecating</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2011 IOCCC entry dlowe - Most self deprecating">
+<meta name="description" content="Neural network classifier. 2011 IOCCC entry dlowe - Most self deprecating">
 <meta name="keywords" content="IOCCC, 2011, IOCCC 2011, IOCCC entry, dlowe, Most self deprecating">
+<link rel="canonical" href="https://www.ioccc.org/2011/dlowe/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2011/dlowe/index.html">
+<meta property="og:title" content="2011/dlowe - Most self deprecating">
+<meta property="og:description" content="Neural network classifier. 2011 IOCCC entry dlowe - Most self deprecating">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2011/dlowe - Most self deprecating</h2>
diff --git a/2011/eastman/index.html b/2011/eastman/index.html
index d548743a9e..60eba61311 100644
--- a/2011/eastman/index.html
+++ b/2011/eastman/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2011/eastman - Best ball</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2011 IOCCC entry eastman - Best ball">
+<meta name="description" content="Bouncing Ball in ANSI Graphics. 2011 IOCCC entry eastman - Best ball">
 <meta name="keywords" content="IOCCC, 2011, IOCCC 2011, IOCCC entry, eastman, Best ball">
+<link rel="canonical" href="https://www.ioccc.org/2011/eastman/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2011/eastman/index.html">
+<meta property="og:title" content="2011/eastman - Best ball">
+<meta property="og:description" content="Bouncing Ball in ANSI Graphics. 2011 IOCCC entry eastman - Best ball">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2011/eastman - Best ball</h2>
diff --git a/2011/fredriksson/index.html b/2011/fredriksson/index.html
index 3095595656..44addc5bd8 100644
--- a/2011/fredriksson/index.html
+++ b/2011/fredriksson/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2011/fredriksson - Most useful</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2011 IOCCC entry fredriksson - Most useful">
+<meta name="description" content="Aproximate grep. 2011 IOCCC entry fredriksson - Most useful">
 <meta name="keywords" content="IOCCC, 2011, IOCCC 2011, IOCCC entry, fredriksson, Most useful">
+<link rel="canonical" href="https://www.ioccc.org/2011/fredriksson/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2011/fredriksson/index.html">
+<meta property="og:title" content="2011/fredriksson - Most useful">
+<meta property="og:description" content="Aproximate grep. 2011 IOCCC entry fredriksson - Most useful">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2011/fredriksson - Most useful</h2>
diff --git a/2011/goren/index.html b/2011/goren/index.html
index b193139f08..90b848ef2a 100644
--- a/2011/goren/index.html
+++ b/2011/goren/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2011/goren - Most artistic</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2011 IOCCC entry goren - Most artistic">
+<meta name="description" content="Magritte tribute. 2011 IOCCC entry goren - Most artistic">
 <meta name="keywords" content="IOCCC, 2011, IOCCC 2011, IOCCC entry, goren, Most artistic">
+<link rel="canonical" href="https://www.ioccc.org/2011/goren/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2011/goren/index.html">
+<meta property="og:title" content="2011/goren - Most artistic">
+<meta property="og:description" content="Magritte tribute. 2011 IOCCC entry goren - Most artistic">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2011/goren - Most artistic</h2>
diff --git a/2011/hamaji/index.html b/2011/hamaji/index.html
index 3726b07fa8..a5df6e1a9c 100644
--- a/2011/hamaji/index.html
+++ b/2011/hamaji/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2011/hamaji - Best solved puzzle</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2011 IOCCC entry hamaji - Best solved puzzle">
+<meta name="description" content="Paint by number puzzle. 2011 IOCCC entry hamaji - Best solved puzzle">
 <meta name="keywords" content="IOCCC, 2011, IOCCC 2011, IOCCC entry, hamaji, Best solved puzzle">
+<link rel="canonical" href="https://www.ioccc.org/2011/hamaji/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2011/hamaji/index.html">
+<meta property="og:title" content="2011/hamaji - Best solved puzzle">
+<meta property="og:description" content="Paint by number puzzle. 2011 IOCCC entry hamaji - Best solved puzzle">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2011/hamaji - Best solved puzzle</h2>
diff --git a/2011/hou/index.html b/2011/hou/index.html
index 2cc55c408d..3e0c72a9b8 100644
--- a/2011/hou/index.html
+++ b/2011/hou/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2011/hou - Best self documenting program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2011 IOCCC entry hou - Best self documenting program">
+<meta name="description" content="Scientific calculator. 2011 IOCCC entry hou - Best self documenting program">
 <meta name="keywords" content="IOCCC, 2011, IOCCC 2011, IOCCC entry, hou, Best self documenting program">
+<link rel="canonical" href="https://www.ioccc.org/2011/hou/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2011/hou/index.html">
+<meta property="og:title" content="2011/hou - Best self documenting program">
+<meta property="og:description" content="Scientific calculator. 2011 IOCCC entry hou - Best self documenting program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2011/hou - Best self documenting program</h2>
diff --git a/2011/konno/index.html b/2011/konno/index.html
index 2ce8d26869..b2434d47fa 100644
--- a/2011/konno/index.html
+++ b/2011/konno/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2011/konno - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2011 IOCCC entry konno - Best one liner">
+<meta name="description" content="QWERTY keyboard position identifer. 2011 IOCCC entry konno - Best one liner">
 <meta name="keywords" content="IOCCC, 2011, IOCCC 2011, IOCCC entry, konno, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/2011/konno/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2011/konno/index.html">
+<meta property="og:title" content="2011/konno - Best one liner">
+<meta property="og:description" content="QWERTY keyboard position identifer. 2011 IOCCC entry konno - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2011/konno - Best one liner</h2>
diff --git a/2011/richards/index.html b/2011/richards/index.html
index cea51f279f..703b3fa9fe 100644
--- a/2011/richards/index.html
+++ b/2011/richards/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2011/richards - Most surprisingly portable</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2011 IOCCC entry richards - Most surprisingly portable">
+<meta name="description" content="JIT dc. 2011 IOCCC entry richards - Most surprisingly portable">
 <meta name="keywords" content="IOCCC, 2011, IOCCC 2011, IOCCC entry, richards, Most surprisingly portable">
+<link rel="canonical" href="https://www.ioccc.org/2011/richards/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2011/richards/index.html">
+<meta property="og:title" content="2011/richards - Most surprisingly portable">
+<meta property="og:description" content="JIT dc. 2011 IOCCC entry richards - Most surprisingly portable">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2011/richards - Most surprisingly portable</h2>
diff --git a/2011/toledo/index.html b/2011/toledo/index.html
index 88b34b37df..73252ed467 100644
--- a/2011/toledo/index.html
+++ b/2011/toledo/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2011/toledo - Best non-chess game</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2011 IOCCC entry toledo - Best non-chess game">
+<meta name="description" content="Dual player tank shooter game. 2011 IOCCC entry toledo - Best non-chess game">
 <meta name="keywords" content="IOCCC, 2011, IOCCC 2011, IOCCC entry, toledo, Best non-chess game">
+<link rel="canonical" href="https://www.ioccc.org/2011/toledo/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2011/toledo/index.html">
+<meta property="og:title" content="2011/toledo - Best non-chess game">
+<meta property="og:description" content="Dual player tank shooter game. 2011 IOCCC entry toledo - Best non-chess game">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2011/toledo - Best non-chess game</h2>
diff --git a/2011/vik/index.html b/2011/vik/index.html
index 409cfabda4..6dd8591416 100644
--- a/2011/vik/index.html
+++ b/2011/vik/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2011/vik - Most sound</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2011 IOCCC entry vik - Most sound">
+<meta name="description" content="Tracker player. 2011 IOCCC entry vik - Most sound">
 <meta name="keywords" content="IOCCC, 2011, IOCCC 2011, IOCCC entry, vik, Most sound">
+<link rel="canonical" href="https://www.ioccc.org/2011/vik/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2011/vik/index.html">
+<meta property="og:title" content="2011/vik - Most sound">
+<meta property="og:description" content="Tracker player. 2011 IOCCC entry vik - Most sound">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2011/vik - Most sound</h2>
diff --git a/2011/zucker/index.html b/2011/zucker/index.html
index ec9ebbd9d6..ddb05c117d 100644
--- a/2011/zucker/index.html
+++ b/2011/zucker/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2011/zucker - Most shiny</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2011 IOCCC entry zucker - Most shiny">
+<meta name="description" content="Text raytracing. 2011 IOCCC entry zucker - Most shiny">
 <meta name="keywords" content="IOCCC, 2011, IOCCC 2011, IOCCC entry, zucker, Most shiny">
+<link rel="canonical" href="https://www.ioccc.org/2011/zucker/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2011/zucker/index.html">
+<meta property="og:title" content="2011/zucker - Most shiny">
+<meta property="og:description" content="Text raytracing. 2011 IOCCC entry zucker - Most shiny">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2011/zucker - Most shiny</h2>
diff --git a/2012/blakely/index.html b/2012/blakely/index.html
index 0f5ccddc01..98d2914976 100644
--- a/2012/blakely/index.html
+++ b/2012/blakely/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2012/blakely - Most GIFted expressions</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2012 IOCCC entry blakely - Most GIFted expressions">
+<meta name="description" content="Animated GIFs of surfaces. 2012 IOCCC entry blakely - Most GIFted expressions">
 <meta name="keywords" content="IOCCC, 2012, IOCCC 2012, IOCCC entry, blakely, Most GIFted expressions">
+<link rel="canonical" href="https://www.ioccc.org/2012/blakely/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2012/blakely/index.html">
+<meta property="og:title" content="2012/blakely - Most GIFted expressions">
+<meta property="og:description" content="Animated GIFs of surfaces. 2012 IOCCC entry blakely - Most GIFted expressions">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2012/blakely - Most GIFted expressions</h2>
diff --git a/2012/deckmyn/deckmyn.html b/2012/deckmyn/deckmyn.html
index 999586bb3d..0ab8202634 100644
--- a/2012/deckmyn/deckmyn.html
+++ b/2012/deckmyn/deckmyn.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="deckmyn.md for 2012/deckmyn">
 <meta name="keywords" content="IOCCC, 2012/deckmyn, deckmyn.md">
+<link rel="canonical" href="https://www.ioccc.org/2012/deckmyn/deckmyn.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2012/deckmyn/deckmyn.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="deckmyn.md for 2012/deckmyn">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>deckmyn.html for 2012/deckmyn</h2>
diff --git a/2012/deckmyn/index.html b/2012/deckmyn/index.html
index 612da0e6fa..0f769ab3b8 100644
--- a/2012/deckmyn/index.html
+++ b/2012/deckmyn/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2012/deckmyn - Most notable and best tool</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2012 IOCCC entry deckmyn - Most notable and best tool">
+<meta name="description" content="Music notation printer. 2012 IOCCC entry deckmyn - Most notable and best tool">
 <meta name="keywords" content="IOCCC, 2012, IOCCC 2012, IOCCC entry, deckmyn, Most notable and best tool">
+<link rel="canonical" href="https://www.ioccc.org/2012/deckmyn/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2012/deckmyn/index.html">
+<meta property="og:title" content="2012/deckmyn - Most notable and best tool">
+<meta property="og:description" content="Music notation printer. 2012 IOCCC entry deckmyn - Most notable and best tool">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2012/deckmyn - Most notable and best tool</h2>
diff --git a/2012/dlowe/index.html b/2012/dlowe/index.html
index 6322c18395..efb325f6e5 100644
--- a/2012/dlowe/index.html
+++ b/2012/dlowe/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2012/dlowe - Best way to lose a life</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2012 IOCCC entry dlowe - Best way to lose a life">
+<meta name="description" content="Conway's game of death. 2012 IOCCC entry dlowe - Best way to lose a life">
 <meta name="keywords" content="IOCCC, 2012, IOCCC 2012, IOCCC entry, dlowe, Best way to lose a life">
+<link rel="canonical" href="https://www.ioccc.org/2012/dlowe/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2012/dlowe/index.html">
+<meta property="og:title" content="2012/dlowe - Best way to lose a life">
+<meta property="og:description" content="Conway's game of death. 2012 IOCCC entry dlowe - Best way to lose a life">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2012/dlowe - Best way to lose a life</h2>
diff --git a/2012/endoh1/index.html b/2012/endoh1/index.html
index a6fb19a095..9c5d290236 100644
--- a/2012/endoh1/index.html
+++ b/2012/endoh1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2012/endoh1 - Most complex ASCII fluid - Honorable mention</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2012 IOCCC entry endoh1 - Most complex ASCII fluid - Honorable mention">
+<meta name="description" content="ASCII fluid dynamics. 2012 IOCCC entry endoh1 - Most complex ASCII fluid - Honorable mention">
 <meta name="keywords" content="IOCCC, 2012, IOCCC 2012, IOCCC entry, endoh1, Most complex ASCII fluid - Honorable mention">
+<link rel="canonical" href="https://www.ioccc.org/2012/endoh1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2012/endoh1/index.html">
+<meta property="og:title" content="2012/endoh1 - Most complex ASCII fluid - Honorable mention">
+<meta property="og:description" content="ASCII fluid dynamics. 2012 IOCCC entry endoh1 - Most complex ASCII fluid - Honorable mention">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2012/endoh1 - Most complex ASCII fluid - Honorable mention</h2>
diff --git a/2012/endoh2/index.html b/2012/endoh2/index.html
index 7ba1fc5300..1c0c237dd6 100644
--- a/2012/endoh2/index.html
+++ b/2012/endoh2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2012/endoh2 - PiE in the sky award</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2012 IOCCC entry endoh2 - PiE in the sky award">
+<meta name="description" content="Pi/e quine. 2012 IOCCC entry endoh2 - PiE in the sky award">
 <meta name="keywords" content="IOCCC, 2012, IOCCC 2012, IOCCC entry, endoh2, PiE in the sky award">
+<link rel="canonical" href="https://www.ioccc.org/2012/endoh2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2012/endoh2/index.html">
+<meta property="og:title" content="2012/endoh2 - PiE in the sky award">
+<meta property="og:description" content="Pi/e quine. 2012 IOCCC entry endoh2 - PiE in the sky award">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2012/endoh2 - PiE in the sky award</h2>
diff --git a/2012/grothe/index.html b/2012/grothe/index.html
index 71742a0a6c..55603c43db 100644
--- a/2012/grothe/index.html
+++ b/2012/grothe/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2012/grothe - Most conspiratorial</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2012 IOCCC entry grothe - Most conspiratorial">
+<meta name="description" content="Shamir secret sharing. 2012 IOCCC entry grothe - Most conspiratorial">
 <meta name="keywords" content="IOCCC, 2012, IOCCC 2012, IOCCC entry, grothe, Most conspiratorial">
+<link rel="canonical" href="https://www.ioccc.org/2012/grothe/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2012/grothe/index.html">
+<meta property="og:title" content="2012/grothe - Most conspiratorial">
+<meta property="og:description" content="Shamir secret sharing. 2012 IOCCC entry grothe - Most conspiratorial">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2012/grothe - Most conspiratorial</h2>
diff --git a/2012/hamano/index.html b/2012/hamano/index.html
index 28dc271229..bdd6d33ea9 100644
--- a/2012/hamano/index.html
+++ b/2012/hamano/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2012/hamano - Silver Award - Most elementary use of C</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2012 IOCCC entry hamano - Silver Award - Most elementary use of C">
+<meta name="description" content="PDF with little dancing men. 2012 IOCCC entry hamano - Silver Award - Most elementary use of C">
 <meta name="keywords" content="IOCCC, 2012, IOCCC 2012, IOCCC entry, hamano, Silver Award - Most elementary use of C">
+<link rel="canonical" href="https://www.ioccc.org/2012/hamano/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2012/hamano/index.html">
+<meta property="og:title" content="2012/hamano - Silver Award - Most elementary use of C">
+<meta property="og:description" content="PDF with little dancing men. 2012 IOCCC entry hamano - Silver Award - Most elementary use of C">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2012/hamano - Silver Award - Most elementary use of C</h2>
diff --git a/2012/hou/hint.html b/2012/hou/hint.html
index 3d1f09ce32..de17f8186a 100644
--- a/2012/hou/hint.html
+++ b/2012/hou/hint.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="hint.md for 2012/hou">
 <meta name="keywords" content="IOCCC, 2012/hou, hint.md">
+<link rel="canonical" href="https://www.ioccc.org/2012/hou/hint.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2012/hou/hint.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="hint.md for 2012/hou">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>hint.html for 2012/hou</h2>
diff --git a/2012/hou/index.html b/2012/hou/index.html
index b698dd8f78..dee4666205 100644
--- a/2012/hou/index.html
+++ b/2012/hou/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2012/hou - Most useful obfuscation</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2012 IOCCC entry hou - Most useful obfuscation">
+<meta name="description" content="Syntax highlighter. 2012 IOCCC entry hou - Most useful obfuscation">
 <meta name="keywords" content="IOCCC, 2012, IOCCC 2012, IOCCC entry, hou, Most useful obfuscation">
+<link rel="canonical" href="https://www.ioccc.org/2012/hou/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2012/hou/index.html">
+<meta property="og:title" content="2012/hou - Most useful obfuscation">
+<meta property="og:description" content="Syntax highlighter. 2012 IOCCC entry hou - Most useful obfuscation">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2012/hou - Most useful obfuscation</h2>
diff --git a/2012/kang/index.html b/2012/kang/index.html
index 5009a8f0e8..c0365b43ff 100644
--- a/2012/kang/index.html
+++ b/2012/kang/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2012/kang - Best short program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2012 IOCCC entry kang - Best short program">
+<meta name="description" content="Decodes spelled out numbers. 2012 IOCCC entry kang - Best short program">
 <meta name="keywords" content="IOCCC, 2012, IOCCC 2012, IOCCC entry, kang, Best short program">
+<link rel="canonical" href="https://www.ioccc.org/2012/kang/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2012/kang/index.html">
+<meta property="og:title" content="2012/kang - Best short program">
+<meta property="og:description" content="Decodes spelled out numbers. 2012 IOCCC entry kang - Best short program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2012/kang - Best short program</h2>
diff --git a/2012/konno/index.html b/2012/konno/index.html
index 58e183d3d4..47f1dfb3bc 100644
--- a/2012/konno/index.html
+++ b/2012/konno/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2012/konno - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2012 IOCCC entry konno - Best one liner">
+<meta name="description" content="Linear cellular automaton 1-liner. 2012 IOCCC entry konno - Best one liner">
 <meta name="keywords" content="IOCCC, 2012, IOCCC 2012, IOCCC entry, konno, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/2012/konno/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2012/konno/index.html">
+<meta property="og:title" content="2012/konno - Best one liner">
+<meta property="og:description" content="Linear cellular automaton 1-liner. 2012 IOCCC entry konno - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2012/konno - Best one liner</h2>
diff --git a/2012/omoikane/index.html b/2012/omoikane/index.html
index 613b7b29fb..cef6cd0ea6 100644
--- a/2012/omoikane/index.html
+++ b/2012/omoikane/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2012/omoikane - Most surreptitious</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2012 IOCCC entry omoikane - Most surreptitious">
+<meta name="description" content="Encodes text as a C program. 2012 IOCCC entry omoikane - Most surreptitious">
 <meta name="keywords" content="IOCCC, 2012, IOCCC 2012, IOCCC entry, omoikane, Most surreptitious">
+<link rel="canonical" href="https://www.ioccc.org/2012/omoikane/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2012/omoikane/index.html">
+<meta property="og:title" content="2012/omoikane - Most surreptitious">
+<meta property="og:description" content="Encodes text as a C program. 2012 IOCCC entry omoikane - Most surreptitious">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2012/omoikane - Most surreptitious</h2>
diff --git a/2012/tromp/how.html b/2012/tromp/how.html
index 78862ee5d6..479106b90d 100644
--- a/2012/tromp/how.html
+++ b/2012/tromp/how.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="how.md for 2012/tromp">
 <meta name="keywords" content="IOCCC, 2012/tromp, how.md">
+<link rel="canonical" href="https://www.ioccc.org/2012/tromp/how.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2012/tromp/how.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="how.md for 2012/tromp">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>how.html for 2012/tromp</h2>
diff --git a/2012/tromp/index.html b/2012/tromp/index.html
index 911c14345c..9a49d27049 100644
--- a/2012/tromp/index.html
+++ b/2012/tromp/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2012/tromp - Most functional</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2012 IOCCC entry tromp - Most functional">
+<meta name="description" content="Lambda interpreter. 2012 IOCCC entry tromp - Most functional">
 <meta name="keywords" content="IOCCC, 2012, IOCCC 2012, IOCCC entry, tromp, Most functional">
+<link rel="canonical" href="https://www.ioccc.org/2012/tromp/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2012/tromp/index.html">
+<meta property="og:title" content="2012/tromp - Most functional">
+<meta property="og:description" content="Lambda interpreter. 2012 IOCCC entry tromp - Most functional">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2012/tromp - Most functional</h2>
diff --git a/2012/vik/index.html b/2012/vik/index.html
index 98ef91d5f9..3a296a023d 100644
--- a/2012/vik/index.html
+++ b/2012/vik/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2012/vik - Bronze Award - Best use of cocoa</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2012 IOCCC entry vik - Bronze Award - Best use of cocoa">
+<meta name="description" content="Steganography. 2012 IOCCC entry vik - Bronze Award - Best use of cocoa">
 <meta name="keywords" content="IOCCC, 2012, IOCCC 2012, IOCCC entry, vik, Bronze Award - Best use of cocoa">
+<link rel="canonical" href="https://www.ioccc.org/2012/vik/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2012/vik/index.html">
+<meta property="og:title" content="2012/vik - Bronze Award - Best use of cocoa">
+<meta property="og:description" content="Steganography. 2012 IOCCC entry vik - Bronze Award - Best use of cocoa">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2012/vik - Bronze Award - Best use of cocoa</h2>
diff --git a/2012/zeitak/index.html b/2012/zeitak/index.html
index 9522d6dd0e..2482906ef3 100644
--- a/2012/zeitak/index.html
+++ b/2012/zeitak/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2012/zeitak - Gold Award - Balanced use of obfuscation</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2012 IOCCC entry zeitak - Gold Award - Balanced use of obfuscation">
+<meta name="description" content="Brace matcher. 2012 IOCCC entry zeitak - Gold Award - Balanced use of obfuscation">
 <meta name="keywords" content="IOCCC, 2012, IOCCC 2012, IOCCC entry, zeitak, Gold Award - Balanced use of obfuscation">
+<link rel="canonical" href="https://www.ioccc.org/2012/zeitak/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2012/zeitak/index.html">
+<meta property="og:title" content="2012/zeitak - Gold Award - Balanced use of obfuscation">
+<meta property="og:description" content="Brace matcher. 2012 IOCCC entry zeitak - Gold Award - Balanced use of obfuscation">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2012/zeitak - Gold Award - Balanced use of obfuscation</h2>
diff --git a/2013/birken/index.html b/2013/birken/index.html
index 451881fa89..44ee9c4ba9 100644
--- a/2013/birken/index.html
+++ b/2013/birken/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2013/birken - Best painting tool</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2013 IOCCC entry birken - Best painting tool">
+<meta name="description" content="use Tetris to paint a picture. 2013 IOCCC entry birken - Best painting tool">
 <meta name="keywords" content="IOCCC, 2013, IOCCC 2013, IOCCC entry, birken, Best painting tool">
+<link rel="canonical" href="https://www.ioccc.org/2013/birken/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2013/birken/index.html">
+<meta property="og:title" content="2013/birken - Best painting tool">
+<meta property="og:description" content="use Tetris to paint a picture. 2013 IOCCC entry birken - Best painting tool">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2013/birken - Best painting tool</h2>
diff --git a/2013/cable1/index.html b/2013/cable1/index.html
index 9d9c48dca2..2c42f82a24 100644
--- a/2013/cable1/index.html
+++ b/2013/cable1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2013/cable1 - Most partisan one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2013 IOCCC entry cable1 - Most partisan one liner">
+<meta name="description" content="1-liner party of a US President. 2013 IOCCC entry cable1 - Most partisan one liner">
 <meta name="keywords" content="IOCCC, 2013, IOCCC 2013, IOCCC entry, cable1, Most partisan one liner">
+<link rel="canonical" href="https://www.ioccc.org/2013/cable1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2013/cable1/index.html">
+<meta property="og:title" content="2013/cable1 - Most partisan one liner">
+<meta property="og:description" content="1-liner party of a US President. 2013 IOCCC entry cable1 - Most partisan one liner">
+<meta property="og:image" content="https://i.ytimg.com/vi/JhmdEq3JhoY/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2013/cable1">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2013/cable1 - Most partisan one liner</h2>
diff --git a/2013/cable2/index.html b/2013/cable2/index.html
index c93b11f835..d392b7f2a0 100644
--- a/2013/cable2/index.html
+++ b/2013/cable2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2013/cable2 - Best of Show</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2013 IOCCC entry cable2 - Best of Show">
+<meta name="description" content="OCR in quick brown fox ASCII art. 2013 IOCCC entry cable2 - Best of Show">
 <meta name="keywords" content="IOCCC, 2013, IOCCC 2013, IOCCC entry, cable2, Best of Show">
+<link rel="canonical" href="https://www.ioccc.org/2013/cable2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2013/cable2/index.html">
+<meta property="og:title" content="2013/cable2 - Best of Show">
+<meta property="og:description" content="OCR in quick brown fox ASCII art. 2013 IOCCC entry cable2 - Best of Show">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2013/cable2 - Best of Show</h2>
diff --git a/2013/cable3/index.html b/2013/cable3/index.html
index c3261f89a9..f149567eb6 100644
--- a/2013/cable3/index.html
+++ b/2013/cable3/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2013/cable3 - Largest small system emulator</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2013 IOCCC entry cable3 - Largest small system emulator">
+<meta name="description" content="IBM PC emulator. 2013 IOCCC entry cable3 - Largest small system emulator">
 <meta name="keywords" content="IOCCC, 2013, IOCCC 2013, IOCCC entry, cable3, Largest small system emulator">
+<link rel="canonical" href="https://www.ioccc.org/2013/cable3/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2013/cable3/index.html">
+<meta property="og:title" content="2013/cable3 - Largest small system emulator">
+<meta property="og:description" content="IBM PC emulator. 2013 IOCCC entry cable3 - Largest small system emulator">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2013/cable3 - Largest small system emulator</h2>
diff --git a/2013/dlowe/index.html b/2013/dlowe/index.html
index c01ff29b3f..24899c126f 100644
--- a/2013/dlowe/index.html
+++ b/2013/dlowe/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2013/dlowe - Best sparkling utility</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2013 IOCCC entry dlowe - Best sparkling utility">
+<meta name="description" content="ASCII spark line graph. 2013 IOCCC entry dlowe - Best sparkling utility">
 <meta name="keywords" content="IOCCC, 2013, IOCCC 2013, IOCCC entry, dlowe, Best sparkling utility">
+<link rel="canonical" href="https://www.ioccc.org/2013/dlowe/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2013/dlowe/index.html">
+<meta property="og:title" content="2013/dlowe - Best sparkling utility">
+<meta property="og:description" content="ASCII spark line graph. 2013 IOCCC entry dlowe - Best sparkling utility">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2013/dlowe - Best sparkling utility</h2>
diff --git a/2013/endoh1/index.html b/2013/endoh1/index.html
index f9794b0008..4f2d62d831 100644
--- a/2013/endoh1/index.html
+++ b/2013/endoh1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2013/endoh1 - Most lazy SKIer</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2013 IOCCC entry endoh1 - Most lazy SKIer">
+<meta name="description" content="SKI Combinator Calculus tool. 2013 IOCCC entry endoh1 - Most lazy SKIer">
 <meta name="keywords" content="IOCCC, 2013, IOCCC 2013, IOCCC entry, endoh1, Most lazy SKIer">
+<link rel="canonical" href="https://www.ioccc.org/2013/endoh1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2013/endoh1/index.html">
+<meta property="og:title" content="2013/endoh1 - Most lazy SKIer">
+<meta property="og:description" content="SKI Combinator Calculus tool. 2013 IOCCC entry endoh1 - Most lazy SKIer">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2013/endoh1 - Most lazy SKIer</h2>
diff --git a/2013/endoh2/index.html b/2013/endoh2/index.html
index bfc80b095c..03ddb9dfc4 100644
--- a/2013/endoh2/index.html
+++ b/2013/endoh2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2013/endoh2 - Most recyclable</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2013 IOCCC entry endoh2 - Most recyclable">
+<meta name="description" content="JPEG quine that expands and inverts. 2013 IOCCC entry endoh2 - Most recyclable">
 <meta name="keywords" content="IOCCC, 2013, IOCCC 2013, IOCCC entry, endoh2, Most recyclable">
+<link rel="canonical" href="https://www.ioccc.org/2013/endoh2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2013/endoh2/index.html">
+<meta property="og:title" content="2013/endoh2 - Most recyclable">
+<meta property="og:description" content="JPEG quine that expands and inverts. 2013 IOCCC entry endoh2 - Most recyclable">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2013/endoh2 - Most recyclable</h2>
diff --git a/2013/endoh3/index.html b/2013/endoh3/index.html
index 32b6b21426..2f607f2e9f 100644
--- a/2013/endoh3/index.html
+++ b/2013/endoh3/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2013/endoh3 - Most tweetable one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2013 IOCCC entry endoh3 - Most tweetable one liner">
+<meta name="description" content="play music with ABC notation. 2013 IOCCC entry endoh3 - Most tweetable one liner">
 <meta name="keywords" content="IOCCC, 2013, IOCCC 2013, IOCCC entry, endoh3, Most tweetable one liner">
+<link rel="canonical" href="https://www.ioccc.org/2013/endoh3/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2013/endoh3/index.html">
+<meta property="og:title" content="2013/endoh3 - Most tweetable one liner">
+<meta property="og:description" content="play music with ABC notation. 2013 IOCCC entry endoh3 - Most tweetable one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2013/endoh3 - Most tweetable one liner</h2>
diff --git a/2013/endoh4/index.html b/2013/endoh4/index.html
index 7fd9ef9f8a..2449438ce1 100644
--- a/2013/endoh4/index.html
+++ b/2013/endoh4/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2013/endoh4 - Most solid</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2013 IOCCC entry endoh4 - Most solid">
+<meta name="description" content="ASCII solid rotation. 2013 IOCCC entry endoh4 - Most solid">
 <meta name="keywords" content="IOCCC, 2013, IOCCC 2013, IOCCC entry, endoh4, Most solid">
+<link rel="canonical" href="https://www.ioccc.org/2013/endoh4/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2013/endoh4/index.html">
+<meta property="og:title" content="2013/endoh4 - Most solid">
+<meta property="og:description" content="ASCII solid rotation. 2013 IOCCC entry endoh4 - Most solid">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2013/endoh4 - Most solid</h2>
diff --git a/2013/hou/doc/example.html b/2013/hou/doc/example.html
index ed86a4d827..cb9eff0be3 100644
--- a/2013/hou/doc/example.html
+++ b/2013/hou/doc/example.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../../favicon.ico">
 <meta name="description" content="example.md for 2013/hou">
 <meta name="keywords" content="IOCCC, 2013/hou, example.md">
+<link rel="canonical" href="https://www.ioccc.org/2013/hou/doc/example.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2013/hou/doc/example.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="example.md for 2013/hou">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../../2011/zucker/index.html">
       <img src="../../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../../png/ioccc.png 400w, ../../../png/ioccc-600.png 600w, ../../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>example.html for 2013/hou</h2>
diff --git a/2013/hou/index.html b/2013/hou/index.html
index a11b3c2ed5..04eedd6366 100644
--- a/2013/hou/index.html
+++ b/2013/hou/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2013/hou - Best use of one infinite loop</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2013 IOCCC entry hou - Best use of one infinite loop">
+<meta name="description" content="ray tracer. 2013 IOCCC entry hou - Best use of one infinite loop">
 <meta name="keywords" content="IOCCC, 2013, IOCCC 2013, IOCCC entry, hou, Best use of one infinite loop">
+<link rel="canonical" href="https://www.ioccc.org/2013/hou/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2013/hou/index.html">
+<meta property="og:title" content="2013/hou - Best use of one infinite loop">
+<meta property="og:description" content="ray tracer. 2013 IOCCC entry hou - Best use of one infinite loop">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2013/hou - Best use of one infinite loop</h2>
diff --git a/2013/mills/index.html b/2013/mills/index.html
index 41eef9c1d4..5f9fb91259 100644
--- a/2013/mills/index.html
+++ b/2013/mills/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2013/mills - Most timely rendered</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2013 IOCCC entry mills - Most timely rendered">
+<meta name="description" content="HTTP server ray tracing a timestamp. 2013 IOCCC entry mills - Most timely rendered">
 <meta name="keywords" content="IOCCC, 2013, IOCCC 2013, IOCCC entry, mills, Most timely rendered">
+<link rel="canonical" href="https://www.ioccc.org/2013/mills/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2013/mills/index.html">
+<meta property="og:title" content="2013/mills - Most timely rendered">
+<meta property="og:description" content="HTTP server ray tracing a timestamp. 2013 IOCCC entry mills - Most timely rendered">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2013/mills - Most timely rendered</h2>
diff --git a/2013/misaka/index.html b/2013/misaka/index.html
index 2eea97e7cb..4144add59e 100644
--- a/2013/misaka/index.html
+++ b/2013/misaka/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2013/misaka - Most catty</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2013 IOCCC entry misaka - Most catty">
+<meta name="description" content="horizontal or vertical file concat. 2013 IOCCC entry misaka - Most catty">
 <meta name="keywords" content="IOCCC, 2013, IOCCC 2013, IOCCC entry, misaka, Most catty">
+<link rel="canonical" href="https://www.ioccc.org/2013/misaka/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2013/misaka/index.html">
+<meta property="og:title" content="2013/misaka - Most catty">
+<meta property="og:description" content="horizontal or vertical file concat. 2013 IOCCC entry misaka - Most catty">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2013/misaka - Most catty</h2>
diff --git a/2013/morgan1/index.html b/2013/morgan1/index.html
index 37093e48c2..d45395b3e7 100644
--- a/2013/morgan1/index.html
+++ b/2013/morgan1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2013/morgan1 - Smallest large system simulator</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2013 IOCCC entry morgan1 - Smallest large system simulator">
+<meta name="description" content="X11 based Solar system simulator. 2013 IOCCC entry morgan1 - Smallest large system simulator">
 <meta name="keywords" content="IOCCC, 2013, IOCCC 2013, IOCCC entry, morgan1, Smallest large system simulator">
+<link rel="canonical" href="https://www.ioccc.org/2013/morgan1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2013/morgan1/index.html">
+<meta property="og:title" content="2013/morgan1 - Smallest large system simulator">
+<meta property="og:description" content="X11 based Solar system simulator. 2013 IOCCC entry morgan1 - Smallest large system simulator">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2013/morgan1 - Smallest large system simulator</h2>
diff --git a/2013/morgan2/index.html b/2013/morgan2/index.html
index 94411dc666..cd3057a804 100644
--- a/2013/morgan2/index.html
+++ b/2013/morgan2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2013/morgan2 - Most playfully versatile</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2013 IOCCC entry morgan2 - Most playfully versatile">
+<meta name="description" content="X11 and ASCII domino matching game. 2013 IOCCC entry morgan2 - Most playfully versatile">
 <meta name="keywords" content="IOCCC, 2013, IOCCC 2013, IOCCC entry, morgan2, Most playfully versatile">
+<link rel="canonical" href="https://www.ioccc.org/2013/morgan2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2013/morgan2/index.html">
+<meta property="og:title" content="2013/morgan2 - Most playfully versatile">
+<meta property="og:description" content="X11 and ASCII domino matching game. 2013 IOCCC entry morgan2 - Most playfully versatile">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2013/morgan2 - Most playfully versatile</h2>
diff --git a/2013/robison/index.html b/2013/robison/index.html
index bfdfbbc260..d43d543ff9 100644
--- a/2013/robison/index.html
+++ b/2013/robison/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2013/robison - Most poetic use of strings</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2013 IOCCC entry robison - Most poetic use of strings">
+<meta name="description" content="multi-precision arithmetic. 2013 IOCCC entry robison - Most poetic use of strings">
 <meta name="keywords" content="IOCCC, 2013, IOCCC 2013, IOCCC entry, robison, Most poetic use of strings">
+<link rel="canonical" href="https://www.ioccc.org/2013/robison/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2013/robison/index.html">
+<meta property="og:title" content="2013/robison - Most poetic use of strings">
+<meta property="og:description" content="multi-precision arithmetic. 2013 IOCCC entry robison - Most poetic use of strings">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2013/robison - Most poetic use of strings</h2>
diff --git a/2014/birken/index.html b/2014/birken/index.html
index b33ffed074..dbb0954af2 100644
--- a/2014/birken/index.html
+++ b/2014/birken/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2014/birken - Best use of port 1701</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2014 IOCCC entry birken - Best use of port 1701">
+<meta name="description" content="Klingon web server. 2014 IOCCC entry birken - Best use of port 1701">
 <meta name="keywords" content="IOCCC, 2014, IOCCC 2014, IOCCC entry, birken, Best use of port 1701">
+<link rel="canonical" href="https://www.ioccc.org/2014/birken/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2014/birken/index.html">
+<meta property="og:title" content="2014/birken - Best use of port 1701">
+<meta property="og:description" content="Klingon web server. 2014 IOCCC entry birken - Best use of port 1701">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2014/birken - Best use of port 1701</h2>
diff --git a/2014/deak/index.html b/2014/deak/index.html
index 9379d1db17..7aa0254ab4 100644
--- a/2014/deak/index.html
+++ b/2014/deak/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2014/deak - Most underscored argument</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2014 IOCCC entry deak - Most underscored argument">
+<meta name="description" content="CPP and C99 abuse. 2014 IOCCC entry deak - Most underscored argument">
 <meta name="keywords" content="IOCCC, 2014, IOCCC 2014, IOCCC entry, deak, Most underscored argument">
+<link rel="canonical" href="https://www.ioccc.org/2014/deak/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2014/deak/index.html">
+<meta property="og:title" content="2014/deak - Most underscored argument">
+<meta property="og:description" content="CPP and C99 abuse. 2014 IOCCC entry deak - Most underscored argument">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2014/deak - Most underscored argument</h2>
diff --git a/2014/endoh1/index.html b/2014/endoh1/index.html
index 01bcaa4a1a..5b26f4afa8 100644
--- a/2014/endoh1/index.html
+++ b/2014/endoh1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2014/endoh1 - Most square (YODA Award)</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2014 IOCCC entry endoh1 - Most square (YODA Award)">
+<meta name="description" content="QR encoder. 2014 IOCCC entry endoh1 - Most square (YODA Award)">
 <meta name="keywords" content="IOCCC, 2014, IOCCC 2014, IOCCC entry, endoh1, Most square (YODA Award)">
+<link rel="canonical" href="https://www.ioccc.org/2014/endoh1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2014/endoh1/index.html">
+<meta property="og:title" content="2014/endoh1 - Most square (YODA Award)">
+<meta property="og:description" content="QR encoder. 2014 IOCCC entry endoh1 - Most square (YODA Award)">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2014/endoh1 - Most square (YODA Award)</h2>
diff --git a/2014/endoh1/quine-qr.html b/2014/endoh1/quine-qr.html
index 0cd7148382..3944bd2ec0 100644
--- a/2014/endoh1/quine-qr.html
+++ b/2014/endoh1/quine-qr.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="quine-qr.md for 2014/endoh1">
 <meta name="keywords" content="IOCCC, 2014/endoh1, quine-qr.md">
+<link rel="canonical" href="https://www.ioccc.org/2014/endoh1/quine-qr.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2014/endoh1/quine-qr.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="quine-qr.md for 2014/endoh1">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>quine-qr.html for 2014/endoh1</h2>
diff --git a/2014/endoh2/index.html b/2014/endoh2/index.html
index 57ac9b21ff..e2612d50b3 100644
--- a/2014/endoh2/index.html
+++ b/2014/endoh2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2014/endoh2 - Best use of bioinformatics</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2014 IOCCC entry endoh2 - Best use of bioinformatics">
+<meta name="description" content="ASCII to DNA transcoder. 2014 IOCCC entry endoh2 - Best use of bioinformatics">
 <meta name="keywords" content="IOCCC, 2014, IOCCC 2014, IOCCC entry, endoh2, Best use of bioinformatics">
+<link rel="canonical" href="https://www.ioccc.org/2014/endoh2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2014/endoh2/index.html">
+<meta property="og:title" content="2014/endoh2 - Best use of bioinformatics">
+<meta property="og:description" content="ASCII to DNA transcoder. 2014 IOCCC entry endoh2 - Best use of bioinformatics">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2014/endoh2 - Best use of bioinformatics</h2>
diff --git a/2014/maffiodo1/index.html b/2014/maffiodo1/index.html
index 81aa8ea72e..acf3daf623 100644
--- a/2014/maffiodo1/index.html
+++ b/2014/maffiodo1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2014/maffiodo1 - Homage to a classic game</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2014 IOCCC entry maffiodo1 - Homage to a classic game">
+<meta name="description" content="homage to a popular game. 2014 IOCCC entry maffiodo1 - Homage to a classic game">
 <meta name="keywords" content="IOCCC, 2014, IOCCC 2014, IOCCC entry, maffiodo1, Homage to a classic game">
+<link rel="canonical" href="https://www.ioccc.org/2014/maffiodo1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2014/maffiodo1/index.html">
+<meta property="og:title" content="2014/maffiodo1 - Homage to a classic game">
+<meta property="og:description" content="homage to a popular game. 2014 IOCCC entry maffiodo1 - Homage to a classic game">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2014/maffiodo1 - Homage to a classic game</h2>
diff --git a/2014/maffiodo2/index.html b/2014/maffiodo2/index.html
index 58ccfe82ef..b8982c8bc5 100644
--- a/2014/maffiodo2/index.html
+++ b/2014/maffiodo2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2014/maffiodo2 - Most tweetable entry</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2014 IOCCC entry maffiodo2 - Most tweetable entry">
+<meta name="description" content="ASCII art 1-line converter. 2014 IOCCC entry maffiodo2 - Most tweetable entry">
 <meta name="keywords" content="IOCCC, 2014, IOCCC 2014, IOCCC entry, maffiodo2, Most tweetable entry">
+<link rel="canonical" href="https://www.ioccc.org/2014/maffiodo2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2014/maffiodo2/index.html">
+<meta property="og:title" content="2014/maffiodo2 - Most tweetable entry">
+<meta property="og:description" content="ASCII art 1-line converter. 2014 IOCCC entry maffiodo2 - Most tweetable entry">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2014/maffiodo2 - Most tweetable entry</h2>
diff --git a/2014/morgan/index.html b/2014/morgan/index.html
index 697822c152..caece9441e 100644
--- a/2014/morgan/index.html
+++ b/2014/morgan/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2014/morgan - Most likely to succeed</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2014 IOCCC entry morgan - Most likely to succeed">
+<meta name="description" content="make clone. 2014 IOCCC entry morgan - Most likely to succeed">
 <meta name="keywords" content="IOCCC, 2014, IOCCC 2014, IOCCC entry, morgan, Most likely to succeed">
+<link rel="canonical" href="https://www.ioccc.org/2014/morgan/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2014/morgan/index.html">
+<meta property="og:title" content="2014/morgan - Most likely to succeed">
+<meta property="og:description" content="make clone. 2014 IOCCC entry morgan - Most likely to succeed">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2014/morgan - Most likely to succeed</h2>
diff --git a/2014/sinon/index.html b/2014/sinon/index.html
index 9f997a7282..96d19be612 100644
--- a/2014/sinon/index.html
+++ b/2014/sinon/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2014/sinon - Best choice of optimization</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2014 IOCCC entry sinon - Best choice of optimization">
+<meta name="description" content="optimizer-controlled shooter game. 2014 IOCCC entry sinon - Best choice of optimization">
 <meta name="keywords" content="IOCCC, 2014, IOCCC 2014, IOCCC entry, sinon, Best choice of optimization">
+<link rel="canonical" href="https://www.ioccc.org/2014/sinon/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2014/sinon/index.html">
+<meta property="og:title" content="2014/sinon - Best choice of optimization">
+<meta property="og:description" content="optimizer-controlled shooter game. 2014 IOCCC entry sinon - Best choice of optimization">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2014/sinon - Best choice of optimization</h2>
diff --git a/2014/skeggs/index.html b/2014/skeggs/index.html
index d55c4fc832..9a765c648b 100644
--- a/2014/skeggs/index.html
+++ b/2014/skeggs/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2014/skeggs - Most dynamic</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2014 IOCCC entry skeggs - Most dynamic">
+<meta name="description" content="dynamic library abusing game. 2014 IOCCC entry skeggs - Most dynamic">
 <meta name="keywords" content="IOCCC, 2014, IOCCC 2014, IOCCC entry, skeggs, Most dynamic">
+<link rel="canonical" href="https://www.ioccc.org/2014/skeggs/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2014/skeggs/index.html">
+<meta property="og:title" content="2014/skeggs - Most dynamic">
+<meta property="og:description" content="dynamic library abusing game. 2014 IOCCC entry skeggs - Most dynamic">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2014/skeggs - Most dynamic</h2>
diff --git a/2014/vik/index.html b/2014/vik/index.html
index 0f1876cade..abca424903 100644
--- a/2014/vik/index.html
+++ b/2014/vik/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2014/vik - Best handling of beeps</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2014 IOCCC entry vik - Best handling of beeps">
+<meta name="description" content="Morse audio transcoder. 2014 IOCCC entry vik - Best handling of beeps">
 <meta name="keywords" content="IOCCC, 2014, IOCCC 2014, IOCCC entry, vik, Best handling of beeps">
+<link rel="canonical" href="https://www.ioccc.org/2014/vik/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2014/vik/index.html">
+<meta property="og:title" content="2014/vik - Best handling of beeps">
+<meta property="og:description" content="Morse audio transcoder. 2014 IOCCC entry vik - Best handling of beeps">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2014/vik - Best handling of beeps</h2>
diff --git a/2014/wiedijk/index.html b/2014/wiedijk/index.html
index 654f507206..ed6f5c98d5 100644
--- a/2014/wiedijk/index.html
+++ b/2014/wiedijk/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2014/wiedijk - Most functional</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2014 IOCCC entry wiedijk - Most functional">
+<meta name="description" content="Y combinator. 2014 IOCCC entry wiedijk - Most functional">
 <meta name="keywords" content="IOCCC, 2014, IOCCC 2014, IOCCC entry, wiedijk, Most functional">
+<link rel="canonical" href="https://www.ioccc.org/2014/wiedijk/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2014/wiedijk/index.html">
+<meta property="og:title" content="2014/wiedijk - Most functional">
+<meta property="og:description" content="Y combinator. 2014 IOCCC entry wiedijk - Most functional">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2014/wiedijk - Most functional</h2>
diff --git a/2015/burton/index.html b/2015/burton/index.html
index 62a0bbc546..7eb42b8b2c 100644
--- a/2015/burton/index.html
+++ b/2015/burton/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2015/burton - Most useful</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2015 IOCCC entry burton - Most useful">
+<meta name="description" content="hex/decimal calculator. 2015 IOCCC entry burton - Most useful">
 <meta name="keywords" content="IOCCC, 2015, IOCCC 2015, IOCCC entry, burton, Most useful">
+<link rel="canonical" href="https://www.ioccc.org/2015/burton/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2015/burton/index.html">
+<meta property="og:title" content="2015/burton - Most useful">
+<meta property="og:description" content="hex/decimal calculator. 2015 IOCCC entry burton - Most useful">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2015/burton - Most useful</h2>
diff --git a/2015/burton/obfuscation.html b/2015/burton/obfuscation.html
index 1bb5f44a66..30601a999e 100644
--- a/2015/burton/obfuscation.html
+++ b/2015/burton/obfuscation.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="obfuscation.md for 2015/burton">
 <meta name="keywords" content="IOCCC, 2015/burton, obfuscation.md">
+<link rel="canonical" href="https://www.ioccc.org/2015/burton/obfuscation.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2015/burton/obfuscation.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="obfuscation.md for 2015/burton">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>obfuscation.html for 2015/burton</h2>
diff --git a/2015/burton/road.to.obscurity.html b/2015/burton/road.to.obscurity.html
index 04ee79dc00..4c6e8b1bfa 100644
--- a/2015/burton/road.to.obscurity.html
+++ b/2015/burton/road.to.obscurity.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="road.to.obscurity.md for 2015/burton">
 <meta name="keywords" content="IOCCC, 2015/burton, road.to.obscurity.md">
+<link rel="canonical" href="https://www.ioccc.org/2015/burton/road.to.obscurity.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2015/burton/road.to.obscurity.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="road.to.obscurity.md for 2015/burton">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>road.to.obscurity.html for 2015/burton</h2>
diff --git a/2015/dogon/index.html b/2015/dogon/index.html
index 3780707557..51eefb52eb 100644
--- a/2015/dogon/index.html
+++ b/2015/dogon/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2015/dogon - Most crafty</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2015 IOCCC entry dogon - Most crafty">
+<meta name="description" content="X11 Minecraft demo. 2015 IOCCC entry dogon - Most crafty">
 <meta name="keywords" content="IOCCC, 2015, IOCCC 2015, IOCCC entry, dogon, Most crafty">
+<link rel="canonical" href="https://www.ioccc.org/2015/dogon/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2015/dogon/index.html">
+<meta property="og:title" content="2015/dogon - Most crafty">
+<meta property="og:description" content="X11 Minecraft demo. 2015 IOCCC entry dogon - Most crafty">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2015/dogon - Most crafty</h2>
diff --git a/2015/duble/index.html b/2015/duble/index.html
index 79ae3afb7e..3738edaf0e 100644
--- a/2015/duble/index.html
+++ b/2015/duble/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2015/duble - Best handwriting</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2015 IOCCC entry duble - Best handwriting">
+<meta name="description" content="handwriting with Braille. 2015 IOCCC entry duble - Best handwriting">
 <meta name="keywords" content="IOCCC, 2015, IOCCC 2015, IOCCC entry, duble, Best handwriting">
+<link rel="canonical" href="https://www.ioccc.org/2015/duble/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2015/duble/index.html">
+<meta property="og:title" content="2015/duble - Best handwriting">
+<meta property="og:description" content="handwriting with Braille. 2015 IOCCC entry duble - Best handwriting">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2015/duble - Best handwriting</h2>
diff --git a/2015/endoh1/index.html b/2015/endoh1/index.html
index edbe68211c..23f2b4645c 100644
--- a/2015/endoh1/index.html
+++ b/2015/endoh1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2015/endoh1 - Most diffused reaction</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2015 IOCCC entry endoh1 - Most diffused reaction">
+<meta name="description" content="reaction-diffusion system HTTP server. 2015 IOCCC entry endoh1 - Most diffused reaction">
 <meta name="keywords" content="IOCCC, 2015, IOCCC 2015, IOCCC entry, endoh1, Most diffused reaction">
+<link rel="canonical" href="https://www.ioccc.org/2015/endoh1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2015/endoh1/index.html">
+<meta property="og:title" content="2015/endoh1 - Most diffused reaction">
+<meta property="og:description" content="reaction-diffusion system HTTP server. 2015 IOCCC entry endoh1 - Most diffused reaction">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2015/endoh1 - Most diffused reaction</h2>
diff --git a/2015/endoh2/index.html b/2015/endoh2/index.html
index 3b4d9c35ef..43359deb70 100644
--- a/2015/endoh2/index.html
+++ b/2015/endoh2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2015/endoh2 - Most overlooked obfuscation</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2015 IOCCC entry endoh2 - Most overlooked obfuscation">
+<meta name="description" content="hidden text quine. 2015 IOCCC entry endoh2 - Most overlooked obfuscation">
 <meta name="keywords" content="IOCCC, 2015, IOCCC 2015, IOCCC entry, endoh2, Most overlooked obfuscation">
+<link rel="canonical" href="https://www.ioccc.org/2015/endoh2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2015/endoh2/index.html">
+<meta property="og:title" content="2015/endoh2 - Most overlooked obfuscation">
+<meta property="og:description" content="hidden text quine. 2015 IOCCC entry endoh2 - Most overlooked obfuscation">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2015/endoh2 - Most overlooked obfuscation</h2>
diff --git a/2015/endoh3/index.html b/2015/endoh3/index.html
index ef3481d01c..16932af670 100644
--- a/2015/endoh3/index.html
+++ b/2015/endoh3/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2015/endoh3 - Back to the Future Award</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2015 IOCCC entry endoh3 - Back to the Future Award">
+<meta name="description" content="1984/mullender emulator. 2015 IOCCC entry endoh3 - Back to the Future Award">
 <meta name="keywords" content="IOCCC, 2015, IOCCC 2015, IOCCC entry, endoh3, Back to the Future Award">
+<link rel="canonical" href="https://www.ioccc.org/2015/endoh3/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2015/endoh3/index.html">
+<meta property="og:title" content="2015/endoh3 - Back to the Future Award">
+<meta property="og:description" content="1984/mullender emulator. 2015 IOCCC entry endoh3 - Back to the Future Award">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2015/endoh3 - Back to the Future Award</h2>
diff --git a/2015/endoh4/index.html b/2015/endoh4/index.html
index f6299ef24c..044515f385 100644
--- a/2015/endoh4/index.html
+++ b/2015/endoh4/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2015/endoh4 - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2015 IOCCC entry endoh4 - Best one liner">
+<meta name="description" content="visual factorization. 2015 IOCCC entry endoh4 - Best one liner">
 <meta name="keywords" content="IOCCC, 2015, IOCCC 2015, IOCCC entry, endoh4, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/2015/endoh4/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2015/endoh4/index.html">
+<meta property="og:title" content="2015/endoh4 - Best one liner">
+<meta property="og:description" content="visual factorization. 2015 IOCCC entry endoh4 - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2015/endoh4 - Best one liner</h2>
diff --git a/2015/hou/index.html b/2015/hou/index.html
index 8d488fdff8..fe6d27fb4f 100644
--- a/2015/hou/index.html
+++ b/2015/hou/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2015/hou - Most well rounded hash</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2015 IOCCC entry hou - Most well rounded hash">
+<meta name="description" content="MD5 without integers. 2015 IOCCC entry hou - Most well rounded hash">
 <meta name="keywords" content="IOCCC, 2015, IOCCC 2015, IOCCC entry, hou, Most well rounded hash">
+<link rel="canonical" href="https://www.ioccc.org/2015/hou/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2015/hou/index.html">
+<meta property="og:title" content="2015/hou - Most well rounded hash">
+<meta property="og:description" content="MD5 without integers. 2015 IOCCC entry hou - Most well rounded hash">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2015/hou - Most well rounded hash</h2>
diff --git a/2015/howe/index.html b/2015/howe/index.html
index 157c6cad8e..6b71d60d8a 100644
--- a/2015/howe/index.html
+++ b/2015/howe/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2015/howe - Most different</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2015 IOCCC entry howe - Most different">
+<meta name="description" content="diff tool. 2015 IOCCC entry howe - Most different">
 <meta name="keywords" content="IOCCC, 2015, IOCCC 2015, IOCCC entry, howe, Most different">
+<link rel="canonical" href="https://www.ioccc.org/2015/howe/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2015/howe/index.html">
+<meta property="og:title" content="2015/howe - Most different">
+<meta property="og:description" content="diff tool. 2015 IOCCC entry howe - Most different">
+<meta property="og:image" content="https://i.ytimg.com/vi/bOR38552MJA/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2015/howe">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2015/howe - Most different</h2>
diff --git a/2015/mills1/index.html b/2015/mills1/index.html
index 6f08494c50..3c3c7a8d9d 100644
--- a/2015/mills1/index.html
+++ b/2015/mills1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2015/mills1 - For the Birds! Award</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2015 IOCCC entry mills1 - For the Birds! Award">
+<meta name="description" content="flappy bird. 2015 IOCCC entry mills1 - For the Birds! Award">
 <meta name="keywords" content="IOCCC, 2015, IOCCC 2015, IOCCC entry, mills1, For the Birds! Award">
+<link rel="canonical" href="https://www.ioccc.org/2015/mills1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2015/mills1/index.html">
+<meta property="og:title" content="2015/mills1 - For the Birds! Award">
+<meta property="og:description" content="flappy bird. 2015 IOCCC entry mills1 - For the Birds! Award">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2015/mills1 - For the Birds! Award</h2>
diff --git a/2015/mills2/index.html b/2015/mills2/index.html
index e17b1f291f..9387b9d355 100644
--- a/2015/mills2/index.html
+++ b/2015/mills2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2015/mills2 - Most compact</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2015 IOCCC entry mills2 - Most compact">
+<meta name="description" content="uncompress. 2015 IOCCC entry mills2 - Most compact">
 <meta name="keywords" content="IOCCC, 2015, IOCCC 2015, IOCCC entry, mills2, Most compact">
+<link rel="canonical" href="https://www.ioccc.org/2015/mills2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2015/mills2/index.html">
+<meta property="og:title" content="2015/mills2 - Most compact">
+<meta property="og:description" content="uncompress. 2015 IOCCC entry mills2 - Most compact">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2015/mills2 - Most compact</h2>
diff --git a/2015/muth/index.html b/2015/muth/index.html
index 4ba0c11a87..9be0e06f09 100644
--- a/2015/muth/index.html
+++ b/2015/muth/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2015/muth - Most complete use of CPP</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2015 IOCCC entry muth - Most complete use of CPP">
+<meta name="description" content="preprocessor Turing engine. 2015 IOCCC entry muth - Most complete use of CPP">
 <meta name="keywords" content="IOCCC, 2015, IOCCC 2015, IOCCC entry, muth, Most complete use of CPP">
+<link rel="canonical" href="https://www.ioccc.org/2015/muth/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2015/muth/index.html">
+<meta property="og:title" content="2015/muth - Most complete use of CPP">
+<meta property="og:description" content="preprocessor Turing engine. 2015 IOCCC entry muth - Most complete use of CPP">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2015/muth - Most complete use of CPP</h2>
diff --git a/2015/schweikhardt/index.html b/2015/schweikhardt/index.html
index 36667a0468..c67d5fea5f 100644
--- a/2015/schweikhardt/index.html
+++ b/2015/schweikhardt/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2015/schweikhardt - Best documented</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2015 IOCCC entry schweikhardt - Best documented">
+<meta name="description" content="Collatz bignum computation. 2015 IOCCC entry schweikhardt - Best documented">
 <meta name="keywords" content="IOCCC, 2015, IOCCC 2015, IOCCC entry, schweikhardt, Best documented">
+<link rel="canonical" href="https://www.ioccc.org/2015/schweikhardt/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2015/schweikhardt/index.html">
+<meta property="og:title" content="2015/schweikhardt - Best documented">
+<meta property="og:description" content="Collatz bignum computation. 2015 IOCCC entry schweikhardt - Best documented">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2015/schweikhardt - Best documented</h2>
diff --git a/2015/yang/index.html b/2015/yang/index.html
index 049420a69c..727bb064ea 100644
--- a/2015/yang/index.html
+++ b/2015/yang/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2015/yang - Most pointed reaction</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2015 IOCCC entry yang - Most pointed reaction">
+<meta name="description" content="text encoder with sea star pattern that varies with C flavor. 2015 IOCCC entry yang - Most pointed reaction">
 <meta name="keywords" content="IOCCC, 2015, IOCCC 2015, IOCCC entry, yang, Most pointed reaction">
+<link rel="canonical" href="https://www.ioccc.org/2015/yang/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2015/yang/index.html">
+<meta property="og:title" content="2015/yang - Most pointed reaction">
+<meta property="og:description" content="text encoder with sea star pattern that varies with C flavor. 2015 IOCCC entry yang - Most pointed reaction">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2015/yang - Most pointed reaction</h2>
diff --git a/2018/algmyr/index.html b/2018/algmyr/index.html
index 74f1b71e27..995135139a 100644
--- a/2018/algmyr/index.html
+++ b/2018/algmyr/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2018/algmyr - Most cacophonic</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2018 IOCCC entry algmyr - Most cacophonic">
+<meta name="description" content="Converts text to sound using font as spectrogram. 2018 IOCCC entry algmyr - Most cacophonic">
 <meta name="keywords" content="IOCCC, 2018, IOCCC 2018, IOCCC entry, algmyr, Most cacophonic">
+<link rel="canonical" href="https://www.ioccc.org/2018/algmyr/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2018/algmyr/index.html">
+<meta property="og:title" content="2018/algmyr - Most cacophonic">
+<meta property="og:description" content="Converts text to sound using font as spectrogram. 2018 IOCCC entry algmyr - Most cacophonic">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2018/algmyr - Most cacophonic</h2>
diff --git a/2018/anderson/index.html b/2018/anderson/index.html
index c353b2c366..ed897fa320 100644
--- a/2018/anderson/index.html
+++ b/2018/anderson/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2018/anderson - Most able to divine code gaps</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2018 IOCCC entry anderson - Most able to divine code gaps">
+<meta name="description" content="Visualizer of typographic rivers. 2018 IOCCC entry anderson - Most able to divine code gaps">
 <meta name="keywords" content="IOCCC, 2018, IOCCC 2018, IOCCC entry, anderson, Most able to divine code gaps">
+<link rel="canonical" href="https://www.ioccc.org/2018/anderson/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2018/anderson/index.html">
+<meta property="og:title" content="2018/anderson - Most able to divine code gaps">
+<meta property="og:description" content="Visualizer of typographic rivers. 2018 IOCCC entry anderson - Most able to divine code gaps">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2018/anderson - Most able to divine code gaps</h2>
diff --git a/2018/bellard/index.html b/2018/bellard/index.html
index 2ce2d0fc60..d5798deb55 100644
--- a/2018/bellard/index.html
+++ b/2018/bellard/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2018/bellard - Most inflationary</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2018 IOCCC entry bellard - Most inflationary">
+<meta name="description" content="Image compression demo. 2018 IOCCC entry bellard - Most inflationary">
 <meta name="keywords" content="IOCCC, 2018, IOCCC 2018, IOCCC entry, bellard, Most inflationary">
+<link rel="canonical" href="https://www.ioccc.org/2018/bellard/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2018/bellard/index.html">
+<meta property="og:title" content="2018/bellard - Most inflationary">
+<meta property="og:description" content="Image compression demo. 2018 IOCCC entry bellard - Most inflationary">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2018/bellard - Most inflationary</h2>
diff --git a/2018/burton1/index.html b/2018/burton1/index.html
index 48b7c0fbb8..fe65a2acfc 100644
--- a/2018/burton1/index.html
+++ b/2018/burton1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2018/burton1 - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2018 IOCCC entry burton1 - Best one liner">
+<meta name="description" content="Hex dumper. 2018 IOCCC entry burton1 - Best one liner">
 <meta name="keywords" content="IOCCC, 2018, IOCCC 2018, IOCCC entry, burton1, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/2018/burton1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2018/burton1/index.html">
+<meta property="og:title" content="2018/burton1 - Best one liner">
+<meta property="og:description" content="Hex dumper. 2018 IOCCC entry burton1 - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2018/burton1 - Best one liner</h2>
diff --git a/2018/burton2/discrepancies.html b/2018/burton2/discrepancies.html
index 6fb952b7c6..d8f6f7b9dc 100644
--- a/2018/burton2/discrepancies.html
+++ b/2018/burton2/discrepancies.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="discrepancies.md for 2018/burton2">
 <meta name="keywords" content="IOCCC, 2018/burton2, discrepancies.md">
+<link rel="canonical" href="https://www.ioccc.org/2018/burton2/discrepancies.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2018/burton2/discrepancies.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="discrepancies.md for 2018/burton2">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>discrepancies.html for 2018/burton2</h2>
diff --git a/2018/burton2/index.html b/2018/burton2/index.html
index 1eecabaddc..f15f287e26 100644
--- a/2018/burton2/index.html
+++ b/2018/burton2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2018/burton2 - Best abuse of the rules</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2018 IOCCC entry burton2 - Best abuse of the rules">
+<meta name="description" content="Tokenize and count. 2018 IOCCC entry burton2 - Best abuse of the rules">
 <meta name="keywords" content="IOCCC, 2018, IOCCC 2018, IOCCC entry, burton2, Best abuse of the rules">
+<link rel="canonical" href="https://www.ioccc.org/2018/burton2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2018/burton2/index.html">
+<meta property="og:title" content="2018/burton2 - Best abuse of the rules">
+<meta property="og:description" content="Tokenize and count. 2018 IOCCC entry burton2 - Best abuse of the rules">
+<meta property="og:image" content="https://i.ytimg.com/vi/fUspLVStPbk/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2018/burton2">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2018/burton2 - Best abuse of the rules</h2>
diff --git a/2018/ciura/index.html b/2018/ciura/index.html
index 93d144e123..b9543237a0 100644
--- a/2018/ciura/index.html
+++ b/2018/ciura/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2018/ciura - Most likely to be awarded</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2018 IOCCC entry ciura - Most likely to be awarded">
+<meta name="description" content="Strunk and White checker. 2018 IOCCC entry ciura - Most likely to be awarded">
 <meta name="keywords" content="IOCCC, 2018, IOCCC 2018, IOCCC entry, ciura, Most likely to be awarded">
+<link rel="canonical" href="https://www.ioccc.org/2018/ciura/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2018/ciura/index.html">
+<meta property="og:title" content="2018/ciura - Most likely to be awarded">
+<meta property="og:description" content="Strunk and White checker. 2018 IOCCC entry ciura - Most likely to be awarded">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2018/ciura - Most likely to be awarded</h2>
diff --git a/2018/endoh1/index.html b/2018/endoh1/index.html
index eea16ad34c..eaa8fb6adc 100644
--- a/2018/endoh1/index.html
+++ b/2018/endoh1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2018/endoh1 - Best tool to reveal holes</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2018 IOCCC entry endoh1 - Best tool to reveal holes">
+<meta name="description" content="Animated GIF from text. 2018 IOCCC entry endoh1 - Best tool to reveal holes">
 <meta name="keywords" content="IOCCC, 2018, IOCCC 2018, IOCCC entry, endoh1, Best tool to reveal holes">
+<link rel="canonical" href="https://www.ioccc.org/2018/endoh1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2018/endoh1/index.html">
+<meta property="og:title" content="2018/endoh1 - Best tool to reveal holes">
+<meta property="og:description" content="Animated GIF from text. 2018 IOCCC entry endoh1 - Best tool to reveal holes">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2018/endoh1 - Best tool to reveal holes</h2>
diff --git a/2018/endoh2/index.html b/2018/endoh2/index.html
index 0c2dd29c16..84687e564e 100644
--- a/2018/endoh2/index.html
+++ b/2018/endoh2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2018/endoh2 - Best use of python</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2018 IOCCC entry endoh2 - Best use of python">
+<meta name="description" content="Monty-Pythonesque animated quine. 2018 IOCCC entry endoh2 - Best use of python">
 <meta name="keywords" content="IOCCC, 2018, IOCCC 2018, IOCCC entry, endoh2, Best use of python">
+<link rel="canonical" href="https://www.ioccc.org/2018/endoh2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2018/endoh2/index.html">
+<meta property="og:title" content="2018/endoh2 - Best use of python">
+<meta property="og:description" content="Monty-Pythonesque animated quine. 2018 IOCCC entry endoh2 - Best use of python">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2018/endoh2 - Best use of python</h2>
diff --git a/2018/ferguson/FILES.html b/2018/ferguson/FILES.html
index dae02a02fa..a5b1a3669a 100644
--- a/2018/ferguson/FILES.html
+++ b/2018/ferguson/FILES.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="FILES.md for 2018/ferguson">
 <meta name="keywords" content="IOCCC, 2018/ferguson, FILES.md">
+<link rel="canonical" href="https://www.ioccc.org/2018/ferguson/FILES.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2018/ferguson/FILES.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="FILES.md for 2018/ferguson">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>FILES.html for 2018/ferguson</h2>
diff --git a/2018/ferguson/index.html b/2018/ferguson/index.html
index 9582bcda98..535c0c2e89 100644
--- a/2018/ferguson/index.html
+++ b/2018/ferguson/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2018/ferguson - Best use of weasel words</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2018 IOCCC entry ferguson - Best use of weasel words">
+<meta name="description" content="Dawkins' weasel simulator. 2018 IOCCC entry ferguson - Best use of weasel words">
 <meta name="keywords" content="IOCCC, 2018, IOCCC 2018, IOCCC entry, ferguson, Best use of weasel words">
+<link rel="canonical" href="https://www.ioccc.org/2018/ferguson/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2018/ferguson/index.html">
+<meta property="og:title" content="2018/ferguson - Best use of weasel words">
+<meta property="og:description" content="Dawkins' weasel simulator. 2018 IOCCC entry ferguson - Best use of weasel words">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2018/ferguson - Best use of weasel words</h2>
diff --git a/2018/ferguson/rpm.html b/2018/ferguson/rpm.html
index d92727a0db..c99c28d369 100644
--- a/2018/ferguson/rpm.html
+++ b/2018/ferguson/rpm.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="rpm.md for 2018/ferguson">
 <meta name="keywords" content="IOCCC, 2018/ferguson, rpm.md">
+<link rel="canonical" href="https://www.ioccc.org/2018/ferguson/rpm.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2018/ferguson/rpm.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="rpm.md for 2018/ferguson">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>rpm.html for 2018/ferguson</h2>
diff --git a/2018/giles/index.html b/2018/giles/index.html
index d537e3109d..115b6f9c69 100644
--- a/2018/giles/index.html
+++ b/2018/giles/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2018/giles - Most unstable</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2018 IOCCC entry giles - Most unstable">
+<meta name="description" content="SDL falling sand. 2018 IOCCC entry giles - Most unstable">
 <meta name="keywords" content="IOCCC, 2018, IOCCC 2018, IOCCC entry, giles, Most unstable">
+<link rel="canonical" href="https://www.ioccc.org/2018/giles/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2018/giles/index.html">
+<meta property="og:title" content="2018/giles - Most unstable">
+<meta property="og:description" content="SDL falling sand. 2018 IOCCC entry giles - Most unstable">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2018/giles - Most unstable</h2>
diff --git a/2018/hou/index.html b/2018/hou/index.html
index 163b309d62..2b7005bfcc 100644
--- a/2018/hou/index.html
+++ b/2018/hou/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2018/hou - Most likely to top the charts</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2018 IOCCC entry hou - Most likely to top the charts">
+<meta name="description" content="Converter of JSON to SVG pie chart. 2018 IOCCC entry hou - Most likely to top the charts">
 <meta name="keywords" content="IOCCC, 2018, IOCCC 2018, IOCCC entry, hou, Most likely to top the charts">
+<link rel="canonical" href="https://www.ioccc.org/2018/hou/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2018/hou/index.html">
+<meta property="og:title" content="2018/hou - Most likely to top the charts">
+<meta property="og:description" content="Converter of JSON to SVG pie chart. 2018 IOCCC entry hou - Most likely to top the charts">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2018/hou - Most likely to top the charts</h2>
diff --git a/2018/mills/index.html b/2018/mills/index.html
index dd9d2342e6..05333c2d3f 100644
--- a/2018/mills/index.html
+++ b/2018/mills/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2018/mills - Best of Show</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2018 IOCCC entry mills - Best of Show">
+<meta name="description" content="PDP-7/11 simulator. 2018 IOCCC entry mills - Best of Show">
 <meta name="keywords" content="IOCCC, 2018, IOCCC 2018, IOCCC entry, mills, Best of Show">
+<link rel="canonical" href="https://www.ioccc.org/2018/mills/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2018/mills/index.html">
+<meta property="og:title" content="2018/mills - Best of Show">
+<meta property="og:description" content="PDP-7/11 simulator. 2018 IOCCC entry mills - Best of Show">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2018/mills - Best of Show</h2>
diff --git a/2018/poikola/index.html b/2018/poikola/index.html
index 4ad5d7bdc6..75e554982b 100644
--- a/2018/poikola/index.html
+++ b/2018/poikola/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2018/poikola - Most stellar</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2018 IOCCC entry poikola - Most stellar">
+<meta name="description" content="Ursa Major ASCII animation. 2018 IOCCC entry poikola - Most stellar">
 <meta name="keywords" content="IOCCC, 2018, IOCCC 2018, IOCCC entry, poikola, Most stellar">
+<link rel="canonical" href="https://www.ioccc.org/2018/poikola/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2018/poikola/index.html">
+<meta property="og:title" content="2018/poikola - Most stellar">
+<meta property="og:description" content="Ursa Major ASCII animation. 2018 IOCCC entry poikola - Most stellar">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2018/poikola - Most stellar</h2>
diff --git a/2018/vokes/index.html b/2018/vokes/index.html
index b2c3b522e8..442cb5e79c 100644
--- a/2018/vokes/index.html
+++ b/2018/vokes/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2018/vokes - Most connected</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2018 IOCCC entry vokes - Most connected">
+<meta name="description" content="Computing strongly connected graph components. 2018 IOCCC entry vokes - Most connected">
 <meta name="keywords" content="IOCCC, 2018, IOCCC 2018, IOCCC entry, vokes, Most connected">
+<link rel="canonical" href="https://www.ioccc.org/2018/vokes/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2018/vokes/index.html">
+<meta property="og:title" content="2018/vokes - Most connected">
+<meta property="og:description" content="Computing strongly connected graph components. 2018 IOCCC entry vokes - Most connected">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2018/vokes - Most connected</h2>
diff --git a/2018/yang/index.html b/2018/yang/index.html
index a0d6f37abd..edd002178d 100644
--- a/2018/yang/index.html
+++ b/2018/yang/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2018/yang - Most shifty</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2018 IOCCC entry yang - Most shifty">
+<meta name="description" content="Text rotator and shifter. 2018 IOCCC entry yang - Most shifty">
 <meta name="keywords" content="IOCCC, 2018, IOCCC 2018, IOCCC entry, yang, Most shifty">
+<link rel="canonical" href="https://www.ioccc.org/2018/yang/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2018/yang/index.html">
+<meta property="og:title" content="2018/yang - Most shifty">
+<meta property="og:description" content="Text rotator and shifter. 2018 IOCCC entry yang - Most shifty">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2018/yang - Most shifty</h2>
diff --git a/2019/adamovsky/index.html b/2019/adamovsky/index.html
index 4298d8e802..1873e3443f 100644
--- a/2019/adamovsky/index.html
+++ b/2019/adamovsky/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2019/adamovsky - Most functional interpreter</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2019 IOCCC entry adamovsky - Most functional interpreter">
+<meta name="description" content="Unlambda interpreter. 2019 IOCCC entry adamovsky - Most functional interpreter">
 <meta name="keywords" content="IOCCC, 2019, IOCCC 2019, IOCCC entry, adamovsky, Most functional interpreter">
+<link rel="canonical" href="https://www.ioccc.org/2019/adamovsky/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2019/adamovsky/index.html">
+<meta property="og:title" content="2019/adamovsky - Most functional interpreter">
+<meta property="og:description" content="Unlambda interpreter. 2019 IOCCC entry adamovsky - Most functional interpreter">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2019/adamovsky - Most functional interpreter</h2>
diff --git a/2019/burton/index.html b/2019/burton/index.html
index c584e03171..a6e26e6d71 100644
--- a/2019/burton/index.html
+++ b/2019/burton/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2019/burton - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2019 IOCCC entry burton - Best one liner">
+<meta name="description" content="Word count. 2019 IOCCC entry burton - Best one liner">
 <meta name="keywords" content="IOCCC, 2019, IOCCC 2019, IOCCC entry, burton, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/2019/burton/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2019/burton/index.html">
+<meta property="og:title" content="2019/burton - Best one liner">
+<meta property="og:description" content="Word count. 2019 IOCCC entry burton - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2019/burton - Best one liner</h2>
diff --git a/2019/ciura/index.html b/2019/ciura/index.html
index 3f15b22677..37188ee027 100644
--- a/2019/ciura/index.html
+++ b/2019/ciura/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2019/ciura - Most alphabetic</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2019 IOCCC entry ciura - Most alphabetic">
+<meta name="description" content="Pangram generator. 2019 IOCCC entry ciura - Most alphabetic">
 <meta name="keywords" content="IOCCC, 2019, IOCCC 2019, IOCCC entry, ciura, Most alphabetic">
+<link rel="canonical" href="https://www.ioccc.org/2019/ciura/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2019/ciura/index.html">
+<meta property="og:title" content="2019/ciura - Most alphabetic">
+<meta property="og:description" content="Pangram generator. 2019 IOCCC entry ciura - Most alphabetic">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2019/ciura - Most alphabetic</h2>
diff --git a/2019/diels-grabsch1/index.html b/2019/diels-grabsch1/index.html
index 5cd50b61d3..90877ba4de 100644
--- a/2019/diels-grabsch1/index.html
+++ b/2019/diels-grabsch1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2019/diels-grabsch1 - Best small program</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2019 IOCCC entry diels-grabsch1 - Best small program">
+<meta name="description" content="Tiny compress. 2019 IOCCC entry diels-grabsch1 - Best small program">
 <meta name="keywords" content="IOCCC, 2019, IOCCC 2019, IOCCC entry, diels-grabsch1, Best small program">
+<link rel="canonical" href="https://www.ioccc.org/2019/diels-grabsch1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2019/diels-grabsch1/index.html">
+<meta property="og:title" content="2019/diels-grabsch1 - Best small program">
+<meta property="og:description" content="Tiny compress. 2019 IOCCC entry diels-grabsch1 - Best small program">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2019/diels-grabsch1 - Best small program</h2>
diff --git a/2019/diels-grabsch2/index.html b/2019/diels-grabsch2/index.html
index 213b9400ef..286b41a1db 100644
--- a/2019/diels-grabsch2/index.html
+++ b/2019/diels-grabsch2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2019/diels-grabsch2 - Most self-aware</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2019 IOCCC entry diels-grabsch2 - Most self-aware">
+<meta name="description" content="Self hashing. 2019 IOCCC entry diels-grabsch2 - Most self-aware">
 <meta name="keywords" content="IOCCC, 2019, IOCCC 2019, IOCCC entry, diels-grabsch2, Most self-aware">
+<link rel="canonical" href="https://www.ioccc.org/2019/diels-grabsch2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2019/diels-grabsch2/index.html">
+<meta property="og:title" content="2019/diels-grabsch2 - Most self-aware">
+<meta property="og:description" content="Self hashing. 2019 IOCCC entry diels-grabsch2 - Most self-aware">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2019/diels-grabsch2 - Most self-aware</h2>
diff --git a/2019/dogon/index.html b/2019/dogon/index.html
index d94885d010..a5fb84e88a 100644
--- a/2019/dogon/index.html
+++ b/2019/dogon/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2019/dogon - Best use of space and time</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2019 IOCCC entry dogon - Best use of space and time">
+<meta name="description" content="X11 Golly game of Life. 2019 IOCCC entry dogon - Best use of space and time">
 <meta name="keywords" content="IOCCC, 2019, IOCCC 2019, IOCCC entry, dogon, Best use of space and time">
+<link rel="canonical" href="https://www.ioccc.org/2019/dogon/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2019/dogon/index.html">
+<meta property="og:title" content="2019/dogon - Best use of space and time">
+<meta property="og:description" content="X11 Golly game of Life. 2019 IOCCC entry dogon - Best use of space and time">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2019/dogon - Best use of space and time</h2>
diff --git a/2019/duble/index.html b/2019/duble/index.html
index 890a0592eb..eb445b2a52 100644
--- a/2019/duble/index.html
+++ b/2019/duble/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2019/duble - Best collaborative graphics</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2019 IOCCC entry duble - Best collaborative graphics">
+<meta name="description" content="Collaborative graphics editor. 2019 IOCCC entry duble - Best collaborative graphics">
 <meta name="keywords" content="IOCCC, 2019, IOCCC 2019, IOCCC entry, duble, Best collaborative graphics">
+<link rel="canonical" href="https://www.ioccc.org/2019/duble/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2019/duble/index.html">
+<meta property="og:title" content="2019/duble - Best collaborative graphics">
+<meta property="og:description" content="Collaborative graphics editor. 2019 IOCCC entry duble - Best collaborative graphics">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2019/duble - Best collaborative graphics</h2>
diff --git a/2019/endoh/index.html b/2019/endoh/index.html
index 12740d3404..e8eb87dc87 100644
--- a/2019/endoh/index.html
+++ b/2019/endoh/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2019/endoh - Most in need of debugging</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2019 IOCCC entry endoh - Most in need of debugging">
+<meta name="description" content="Backtrace quine. 2019 IOCCC entry endoh - Most in need of debugging">
 <meta name="keywords" content="IOCCC, 2019, IOCCC 2019, IOCCC entry, endoh, Most in need of debugging">
+<link rel="canonical" href="https://www.ioccc.org/2019/endoh/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2019/endoh/index.html">
+<meta property="og:title" content="2019/endoh - Most in need of debugging">
+<meta property="og:description" content="Backtrace quine. 2019 IOCCC entry endoh - Most in need of debugging">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2019/endoh - Most in need of debugging</h2>
diff --git a/2019/giles/index.html b/2019/giles/index.html
index 64e23a0c9e..571f5ff83a 100644
--- a/2019/giles/index.html
+++ b/2019/giles/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2019/giles - Most in need of wide space</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2019 IOCCC entry giles - Most in need of wide space">
+<meta name="description" content="WAV reverberator. 2019 IOCCC entry giles - Most in need of wide space">
 <meta name="keywords" content="IOCCC, 2019, IOCCC 2019, IOCCC entry, giles, Most in need of wide space">
+<link rel="canonical" href="https://www.ioccc.org/2019/giles/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2019/giles/index.html">
+<meta property="og:title" content="2019/giles - Most in need of wide space">
+<meta property="og:description" content="WAV reverberator. 2019 IOCCC entry giles - Most in need of wide space">
+<meta property="og:image" content="https://i.ytimg.com/vi/B7xai5u_tnk/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2019/giles">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2019/giles - Most in need of wide space</h2>
diff --git a/2019/karns/index.html b/2019/karns/index.html
index 6d9e56cf06..bfb00acb95 100644
--- a/2019/karns/index.html
+++ b/2019/karns/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2019/karns - Most in need of whitespace</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2019 IOCCC entry karns - Most in need of whitespace">
+<meta name="description" content="Breadth-first search on text. 2019 IOCCC entry karns - Most in need of whitespace">
 <meta name="keywords" content="IOCCC, 2019, IOCCC 2019, IOCCC entry, karns, Most in need of whitespace">
+<link rel="canonical" href="https://www.ioccc.org/2019/karns/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2019/karns/index.html">
+<meta property="og:title" content="2019/karns - Most in need of whitespace">
+<meta property="og:description" content="Breadth-first search on text. 2019 IOCCC entry karns - Most in need of whitespace">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2019/karns - Most in need of whitespace</h2>
diff --git a/2019/lynn/index.html b/2019/lynn/index.html
index 1785f1b97e..b0cce53a48 100644
--- a/2019/lynn/index.html
+++ b/2019/lynn/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2019/lynn - Most functional compiler</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2019 IOCCC entry lynn - Most functional compiler">
+<meta name="description" content="Haskell compiler. 2019 IOCCC entry lynn - Most functional compiler">
 <meta name="keywords" content="IOCCC, 2019, IOCCC 2019, IOCCC entry, lynn, Most functional compiler">
+<link rel="canonical" href="https://www.ioccc.org/2019/lynn/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2019/lynn/index.html">
+<meta property="og:title" content="2019/lynn - Most functional compiler">
+<meta property="og:description" content="Haskell compiler. 2019 IOCCC entry lynn - Most functional compiler">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2019/lynn - Most functional compiler</h2>
diff --git a/2019/mills/index.html b/2019/mills/index.html
index 13f467877e..2a0fd7d844 100644
--- a/2019/mills/index.html
+++ b/2019/mills/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2019/mills - Most in need to be tweeted</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2019 IOCCC entry mills - Most in need to be tweeted">
+<meta name="description" content="Machine Learning on text. 2019 IOCCC entry mills - Most in need to be tweeted">
 <meta name="keywords" content="IOCCC, 2019, IOCCC 2019, IOCCC entry, mills, Most in need to be tweeted">
+<link rel="canonical" href="https://www.ioccc.org/2019/mills/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2019/mills/index.html">
+<meta property="og:title" content="2019/mills - Most in need to be tweeted">
+<meta property="og:description" content="Machine Learning on text. 2019 IOCCC entry mills - Most in need to be tweeted">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2019/mills - Most in need to be tweeted</h2>
diff --git a/2019/poikola/index.html b/2019/poikola/index.html
index e79545a57e..c3ab12921d 100644
--- a/2019/poikola/index.html
+++ b/2019/poikola/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2019/poikola - Most calendrical</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2019 IOCCC entry poikola - Most calendrical">
+<meta name="description" content="SHA and Prime and Fibonacci. 2019 IOCCC entry poikola - Most calendrical">
 <meta name="keywords" content="IOCCC, 2019, IOCCC 2019, IOCCC entry, poikola, Most calendrical">
+<link rel="canonical" href="https://www.ioccc.org/2019/poikola/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2019/poikola/index.html">
+<meta property="og:title" content="2019/poikola - Most calendrical">
+<meta property="og:description" content="SHA and Prime and Fibonacci. 2019 IOCCC entry poikola - Most calendrical">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2019/poikola - Most calendrical</h2>
diff --git a/2019/yang/index.html b/2019/yang/index.html
index f144babec3..1a77c32e7f 100644
--- a/2019/yang/index.html
+++ b/2019/yang/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2019/yang - Most in need of transparency</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2019 IOCCC entry yang - Most in need of transparency">
+<meta name="description" content="Text scrambler. 2019 IOCCC entry yang - Most in need of transparency">
 <meta name="keywords" content="IOCCC, 2019, IOCCC 2019, IOCCC entry, yang, Most in need of transparency">
+<link rel="canonical" href="https://www.ioccc.org/2019/yang/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2019/yang/index.html">
+<meta property="og:title" content="2019/yang - Most in need of transparency">
+<meta property="og:description" content="Text scrambler. 2019 IOCCC entry yang - Most in need of transparency">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2019/yang - Most in need of transparency</h2>
diff --git a/2020/burton/index.html b/2020/burton/index.html
index 53dcb5e32a..82b81d0cee 100644
--- a/2020/burton/index.html
+++ b/2020/burton/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2020/burton - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2020 IOCCC entry burton - Best one liner">
+<meta name="description" content="Byte to binary without loops as a 1-liner. 2020 IOCCC entry burton - Best one liner">
 <meta name="keywords" content="IOCCC, 2020, IOCCC 2020, IOCCC entry, burton, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/2020/burton/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2020/burton/index.html">
+<meta property="og:title" content="2020/burton - Best one liner">
+<meta property="og:description" content="Byte to binary without loops as a 1-liner. 2020 IOCCC entry burton - Best one liner">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2020/burton - Best one liner</h2>
diff --git a/2020/carlini/index.html b/2020/carlini/index.html
index ffdbd0fd8a..d61bf8de01 100644
--- a/2020/carlini/index.html
+++ b/2020/carlini/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2020/carlini - Best of Show - abuse of libc</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2020 IOCCC entry carlini - Best of Show - abuse of libc">
+<meta name="description" content="printf machine. 2020 IOCCC entry carlini - Best of Show - abuse of libc">
 <meta name="keywords" content="IOCCC, 2020, IOCCC 2020, IOCCC entry, carlini, Best of Show - abuse of libc">
+<link rel="canonical" href="https://www.ioccc.org/2020/carlini/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2020/carlini/index.html">
+<meta property="og:title" content="2020/carlini - Best of Show - abuse of libc">
+<meta property="og:description" content="printf machine. 2020 IOCCC entry carlini - Best of Show - abuse of libc">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2020/carlini - Best of Show - abuse of libc</h2>
diff --git a/2020/endoh1/index.html b/2020/endoh1/index.html
index 13ed2a9b4d..76e20c008b 100644
--- a/2020/endoh1/index.html
+++ b/2020/endoh1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2020/endoh1 - Most explosive</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2020 IOCCC entry endoh1 - Most explosive">
+<meta name="description" content="Minesweeper solver. 2020 IOCCC entry endoh1 - Most explosive">
 <meta name="keywords" content="IOCCC, 2020, IOCCC 2020, IOCCC entry, endoh1, Most explosive">
+<link rel="canonical" href="https://www.ioccc.org/2020/endoh1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2020/endoh1/index.html">
+<meta property="og:title" content="2020/endoh1 - Most explosive">
+<meta property="og:description" content="Minesweeper solver. 2020 IOCCC entry endoh1 - Most explosive">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2020/endoh1 - Most explosive</h2>
diff --git a/2020/endoh2/index.html b/2020/endoh2/index.html
index 15a7279470..140cf2dddc 100644
--- a/2020/endoh2/index.html
+++ b/2020/endoh2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2020/endoh2 - Best perspective</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2020 IOCCC entry endoh2 - Best perspective">
+<meta name="description" content="Star Wars crawler. 2020 IOCCC entry endoh2 - Best perspective">
 <meta name="keywords" content="IOCCC, 2020, IOCCC 2020, IOCCC entry, endoh2, Best perspective">
+<link rel="canonical" href="https://www.ioccc.org/2020/endoh2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2020/endoh2/index.html">
+<meta property="og:title" content="2020/endoh2 - Best perspective">
+<meta property="og:description" content="Star Wars crawler. 2020 IOCCC entry endoh2 - Best perspective">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2020/endoh2 - Best perspective</h2>
diff --git a/2020/endoh2/obfuscation/index.html b/2020/endoh2/obfuscation/index.html
index 8047887c5c..49fa42e751 100644
--- a/2020/endoh2/obfuscation/index.html
+++ b/2020/endoh2/obfuscation/index.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../../favicon.ico">
 <meta name="description" content="index.md for 2020/endoh2">
 <meta name="keywords" content="IOCCC, 2020/endoh2, index.md">
+<link rel="canonical" href="https://www.ioccc.org/2020/endoh2/obfuscation/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2020/endoh2/obfuscation/index.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="index.md for 2020/endoh2">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../../2011/zucker/index.html">
       <img src="../../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../../png/ioccc.png 400w, ../../../png/ioccc-600.png 600w, ../../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>index.html for 2020/endoh2</h2>
diff --git a/2020/endoh3/index.html b/2020/endoh3/index.html
index ca32810732..cba878e73b 100644
--- a/2020/endoh3/index.html
+++ b/2020/endoh3/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2020/endoh3 - Most head-turning</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2020 IOCCC entry endoh3 - Most head-turning">
+<meta name="description" content="ASCII clock. 2020 IOCCC entry endoh3 - Most head-turning">
 <meta name="keywords" content="IOCCC, 2020, IOCCC 2020, IOCCC entry, endoh3, Most head-turning">
+<link rel="canonical" href="https://www.ioccc.org/2020/endoh3/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2020/endoh3/index.html">
+<meta property="og:title" content="2020/endoh3 - Most head-turning">
+<meta property="og:description" content="ASCII clock. 2020 IOCCC entry endoh3 - Most head-turning">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2020/endoh3 - Most head-turning</h2>
diff --git a/2020/ferguson1/COMPILING.html b/2020/ferguson1/COMPILING.html
index 58c2c0ed5c..01a7813210 100644
--- a/2020/ferguson1/COMPILING.html
+++ b/2020/ferguson1/COMPILING.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="COMPILING.md for 2020/ferguson1">
 <meta name="keywords" content="IOCCC, 2020/ferguson1, COMPILING.md">
+<link rel="canonical" href="https://www.ioccc.org/2020/ferguson1/COMPILING.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2020/ferguson1/COMPILING.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="COMPILING.md for 2020/ferguson1">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>COMPILING.html for 2020/ferguson1</h2>
diff --git a/2020/ferguson1/HACKING.html b/2020/ferguson1/HACKING.html
index 57fa9a8885..8303e739f4 100644
--- a/2020/ferguson1/HACKING.html
+++ b/2020/ferguson1/HACKING.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="HACKING.md for 2020/ferguson1">
 <meta name="keywords" content="IOCCC, 2020/ferguson1, HACKING.md">
+<link rel="canonical" href="https://www.ioccc.org/2020/ferguson1/HACKING.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2020/ferguson1/HACKING.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="HACKING.md for 2020/ferguson1">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>HACKING.html for 2020/ferguson1</h2>
diff --git a/2020/ferguson1/bugs.html b/2020/ferguson1/bugs.html
index 1a4ea0da7e..6d3ac57491 100644
--- a/2020/ferguson1/bugs.html
+++ b/2020/ferguson1/bugs.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="bugs.md for 2020/ferguson1">
 <meta name="keywords" content="IOCCC, 2020/ferguson1, bugs.md">
+<link rel="canonical" href="https://www.ioccc.org/2020/ferguson1/bugs.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2020/ferguson1/bugs.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="bugs.md for 2020/ferguson1">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>bugs.html for 2020/ferguson1</h2>
diff --git a/2020/ferguson1/cannibalism.log.html b/2020/ferguson1/cannibalism.log.html
index 98ce25702b..264e1fd5b1 100644
--- a/2020/ferguson1/cannibalism.log.html
+++ b/2020/ferguson1/cannibalism.log.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="cannibalism.log.md for 2020/ferguson1">
 <meta name="keywords" content="IOCCC, 2020/ferguson1, cannibalism.log.md">
+<link rel="canonical" href="https://www.ioccc.org/2020/ferguson1/cannibalism.log.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2020/ferguson1/cannibalism.log.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="cannibalism.log.md for 2020/ferguson1">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>cannibalism.log.html for 2020/ferguson1</h2>
diff --git a/2020/ferguson1/chocolate-cake.html b/2020/ferguson1/chocolate-cake.html
index ed40e7a63e..9f369224e6 100644
--- a/2020/ferguson1/chocolate-cake.html
+++ b/2020/ferguson1/chocolate-cake.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="chocolate-cake.md for 2020/ferguson1">
 <meta name="keywords" content="IOCCC, 2020/ferguson1, chocolate-cake.md">
+<link rel="canonical" href="https://www.ioccc.org/2020/ferguson1/chocolate-cake.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2020/ferguson1/chocolate-cake.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="chocolate-cake.md for 2020/ferguson1">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>chocolate-cake.html for 2020/ferguson1</h2>
diff --git a/2020/ferguson1/crazy.log.html b/2020/ferguson1/crazy.log.html
index fbdbc3155b..cc937c4a8f 100644
--- a/2020/ferguson1/crazy.log.html
+++ b/2020/ferguson1/crazy.log.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="crazy.log.md for 2020/ferguson1">
 <meta name="keywords" content="IOCCC, 2020/ferguson1, crazy.log.md">
+<link rel="canonical" href="https://www.ioccc.org/2020/ferguson1/crazy.log.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2020/ferguson1/crazy.log.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="crazy.log.md for 2020/ferguson1">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>crazy.log.html for 2020/ferguson1</h2>
diff --git a/2020/ferguson1/gameplay.html b/2020/ferguson1/gameplay.html
index 9f698fcefc..f32b2d0701 100644
--- a/2020/ferguson1/gameplay.html
+++ b/2020/ferguson1/gameplay.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="gameplay.md for 2020/ferguson1">
 <meta name="keywords" content="IOCCC, 2020/ferguson1, gameplay.md">
+<link rel="canonical" href="https://www.ioccc.org/2020/ferguson1/gameplay.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2020/ferguson1/gameplay.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="gameplay.md for 2020/ferguson1">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>gameplay.html for 2020/ferguson1</h2>
diff --git a/2020/ferguson1/index.html b/2020/ferguson1/index.html
index 3226c87246..2d7aac2108 100644
--- a/2020/ferguson1/index.html
+++ b/2020/ferguson1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2020/ferguson1 - Don't tread on me award</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2020 IOCCC entry ferguson1 - Don't tread on me award">
+<meta name="description" content="Snake game. 2020 IOCCC entry ferguson1 - Don't tread on me award">
 <meta name="keywords" content="IOCCC, 2020, IOCCC 2020, IOCCC entry, ferguson1, Don't tread on me award">
+<link rel="canonical" href="https://www.ioccc.org/2020/ferguson1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2020/ferguson1/index.html">
+<meta property="og:title" content="2020/ferguson1 - Don't tread on me award">
+<meta property="og:description" content="Snake game. 2020 IOCCC entry ferguson1 - Don't tread on me award">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2020/ferguson1 - Don't tread on me award</h2>
diff --git a/2020/ferguson1/obfuscation.html b/2020/ferguson1/obfuscation.html
index bf85095645..5611920414 100644
--- a/2020/ferguson1/obfuscation.html
+++ b/2020/ferguson1/obfuscation.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="obfuscation.md for 2020/ferguson1">
 <meta name="keywords" content="IOCCC, 2020/ferguson1, obfuscation.md">
+<link rel="canonical" href="https://www.ioccc.org/2020/ferguson1/obfuscation.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2020/ferguson1/obfuscation.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="obfuscation.md for 2020/ferguson1">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>obfuscation.html for 2020/ferguson1</h2>
diff --git a/2020/ferguson1/terminals.html b/2020/ferguson1/terminals.html
index 6a063eb604..b05e3cf550 100644
--- a/2020/ferguson1/terminals.html
+++ b/2020/ferguson1/terminals.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="terminals.md for 2020/ferguson1">
 <meta name="keywords" content="IOCCC, 2020/ferguson1, terminals.md">
+<link rel="canonical" href="https://www.ioccc.org/2020/ferguson1/terminals.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2020/ferguson1/terminals.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="terminals.md for 2020/ferguson1">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>terminals.html for 2020/ferguson1</h2>
diff --git a/2020/ferguson1/troubleshooting.html b/2020/ferguson1/troubleshooting.html
index 3a36f1ea04..a689cadcd3 100644
--- a/2020/ferguson1/troubleshooting.html
+++ b/2020/ferguson1/troubleshooting.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="troubleshooting.md for 2020/ferguson1">
 <meta name="keywords" content="IOCCC, 2020/ferguson1, troubleshooting.md">
+<link rel="canonical" href="https://www.ioccc.org/2020/ferguson1/troubleshooting.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2020/ferguson1/troubleshooting.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="troubleshooting.md for 2020/ferguson1">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>troubleshooting.html for 2020/ferguson1</h2>
diff --git a/2020/ferguson2/index.html b/2020/ferguson2/index.html
index 14d8f9b521..b091ba090a 100644
--- a/2020/ferguson2/index.html
+++ b/2020/ferguson2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2020/ferguson2 - Most enigmatic</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2020 IOCCC entry ferguson2 - Most enigmatic">
+<meta name="description" content="Enigma machine. 2020 IOCCC entry ferguson2 - Most enigmatic">
 <meta name="keywords" content="IOCCC, 2020, IOCCC 2020, IOCCC entry, ferguson2, Most enigmatic">
+<link rel="canonical" href="https://www.ioccc.org/2020/ferguson2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2020/ferguson2/index.html">
+<meta property="og:title" content="2020/ferguson2 - Most enigmatic">
+<meta property="og:description" content="Enigma machine. 2020 IOCCC entry ferguson2 - Most enigmatic">
+<meta property="og:image" content="https://i.ytimg.com/vi/ybkkiGtJmkM/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2020/ferguson2">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2020/ferguson2 - Most enigmatic</h2>
diff --git a/2020/ferguson2/obfuscation.html b/2020/ferguson2/obfuscation.html
index b2d7fe2989..25e781fbe5 100644
--- a/2020/ferguson2/obfuscation.html
+++ b/2020/ferguson2/obfuscation.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="obfuscation.md for 2020/ferguson2">
 <meta name="keywords" content="IOCCC, 2020/ferguson2, obfuscation.md">
+<link rel="canonical" href="https://www.ioccc.org/2020/ferguson2/obfuscation.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2020/ferguson2/obfuscation.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="obfuscation.md for 2020/ferguson2">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>obfuscation.html for 2020/ferguson2</h2>
diff --git a/2020/ferguson2/recode.html b/2020/ferguson2/recode.html
index 21ba0e98d9..25842cce7f 100644
--- a/2020/ferguson2/recode.html
+++ b/2020/ferguson2/recode.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="recode.md for 2020/ferguson2">
 <meta name="keywords" content="IOCCC, 2020/ferguson2, recode.md">
+<link rel="canonical" href="https://www.ioccc.org/2020/ferguson2/recode.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2020/ferguson2/recode.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="recode.md for 2020/ferguson2">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>recode.html for 2020/ferguson2</h2>
diff --git a/2020/ferguson2/testing-procedure.html b/2020/ferguson2/testing-procedure.html
index 0e255bdeb5..51601b37f7 100644
--- a/2020/ferguson2/testing-procedure.html
+++ b/2020/ferguson2/testing-procedure.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="testing-procedure.md for 2020/ferguson2">
 <meta name="keywords" content="IOCCC, 2020/ferguson2, testing-procedure.md">
+<link rel="canonical" href="https://www.ioccc.org/2020/ferguson2/testing-procedure.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2020/ferguson2/testing-procedure.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="testing-procedure.md for 2020/ferguson2">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>testing-procedure.html for 2020/ferguson2</h2>
diff --git a/2020/giles/index.html b/2020/giles/index.html
index 91f7808018..8cf4edd5b4 100644
--- a/2020/giles/index.html
+++ b/2020/giles/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2020/giles - Most phony</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2020 IOCCC entry giles - Most phony">
+<meta name="description" content="DTMF encoder/decoder. 2020 IOCCC entry giles - Most phony">
 <meta name="keywords" content="IOCCC, 2020, IOCCC 2020, IOCCC entry, giles, Most phony">
+<link rel="canonical" href="https://www.ioccc.org/2020/giles/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2020/giles/index.html">
+<meta property="og:title" content="2020/giles - Most phony">
+<meta property="og:description" content="DTMF encoder/decoder. 2020 IOCCC entry giles - Most phony">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2020/giles - Most phony</h2>
diff --git a/2020/kurdyukov1/index.html b/2020/kurdyukov1/index.html
index 7e699a1c59..f0e1b38fe3 100644
--- a/2020/kurdyukov1/index.html
+++ b/2020/kurdyukov1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2020/kurdyukov1 - Best utility</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2020 IOCCC entry kurdyukov1 - Best utility">
+<meta name="description" content="MD5 checksum. 2020 IOCCC entry kurdyukov1 - Best utility">
 <meta name="keywords" content="IOCCC, 2020, IOCCC 2020, IOCCC entry, kurdyukov1, Best utility">
+<link rel="canonical" href="https://www.ioccc.org/2020/kurdyukov1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2020/kurdyukov1/index.html">
+<meta property="og:title" content="2020/kurdyukov1 - Best utility">
+<meta property="og:description" content="MD5 checksum. 2020 IOCCC entry kurdyukov1 - Best utility">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2020/kurdyukov1 - Best utility</h2>
diff --git a/2020/kurdyukov2/index.html b/2020/kurdyukov2/index.html
index d4050d4b4c..7c19173696 100644
--- a/2020/kurdyukov2/index.html
+++ b/2020/kurdyukov2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2020/kurdyukov2 - Least detailed</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2020 IOCCC entry kurdyukov2 - Least detailed">
+<meta name="description" content="Image segmenter. 2020 IOCCC entry kurdyukov2 - Least detailed">
 <meta name="keywords" content="IOCCC, 2020, IOCCC 2020, IOCCC entry, kurdyukov2, Least detailed">
+<link rel="canonical" href="https://www.ioccc.org/2020/kurdyukov2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2020/kurdyukov2/index.html">
+<meta property="og:title" content="2020/kurdyukov2 - Least detailed">
+<meta property="og:description" content="Image segmenter. 2020 IOCCC entry kurdyukov2 - Least detailed">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2020/kurdyukov2 - Least detailed</h2>
diff --git a/2020/kurdyukov3/index.html b/2020/kurdyukov3/index.html
index 7083f65418..c66dcb19a6 100644
--- a/2020/kurdyukov3/index.html
+++ b/2020/kurdyukov3/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2020/kurdyukov3 - Bset slaml prragom</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2020 IOCCC entry kurdyukov3 - Bset slaml prragom">
+<meta name="description" content="Letter permuter. 2020 IOCCC entry kurdyukov3 - Bset slaml prragom">
 <meta name="keywords" content="IOCCC, 2020, IOCCC 2020, IOCCC entry, kurdyukov3, Bset slaml prragom">
+<link rel="canonical" href="https://www.ioccc.org/2020/kurdyukov3/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2020/kurdyukov3/index.html">
+<meta property="og:title" content="2020/kurdyukov3 - Bset slaml prragom">
+<meta property="og:description" content="Letter permuter. 2020 IOCCC entry kurdyukov3 - Bset slaml prragom">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2020/kurdyukov3 - Bset slaml prragom</h2>
diff --git a/2020/kurdyukov4/index.html b/2020/kurdyukov4/index.html
index b9cc13dabf..1abf4c8bbb 100644
--- a/2020/kurdyukov4/index.html
+++ b/2020/kurdyukov4/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2020/kurdyukov4 - Best abuse of lámatyávë</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2020 IOCCC entry kurdyukov4 - Best abuse of lámatyávë">
+<meta name="description" content="Markov chain text generator. 2020 IOCCC entry kurdyukov4 - Best abuse of lámatyávë">
 <meta name="keywords" content="IOCCC, 2020, IOCCC 2020, IOCCC entry, kurdyukov4, Best abuse of lámatyávë">
+<link rel="canonical" href="https://www.ioccc.org/2020/kurdyukov4/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2020/kurdyukov4/index.html">
+<meta property="og:title" content="2020/kurdyukov4 - Best abuse of lámatyávë">
+<meta property="og:description" content="Markov chain text generator. 2020 IOCCC entry kurdyukov4 - Best abuse of lámatyávë">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2020/kurdyukov4 - Best abuse of lámatyávë</h2>
diff --git a/2020/otterness/index.html b/2020/otterness/index.html
index 937e62c2f1..0c12d5a719 100644
--- a/2020/otterness/index.html
+++ b/2020/otterness/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2020/otterness - Most percussive</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2020 IOCCC entry otterness - Most percussive">
+<meta name="description" content="MIDI improver. 2020 IOCCC entry otterness - Most percussive">
 <meta name="keywords" content="IOCCC, 2020, IOCCC 2020, IOCCC entry, otterness, Most percussive">
+<link rel="canonical" href="https://www.ioccc.org/2020/otterness/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2020/otterness/index.html">
+<meta property="og:title" content="2020/otterness - Most percussive">
+<meta property="og:description" content="MIDI improver. 2020 IOCCC entry otterness - Most percussive">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2020/otterness - Most percussive</h2>
diff --git a/2020/tsoj/index.html b/2020/tsoj/index.html
index 1d83b804e8..de646f677f 100644
--- a/2020/tsoj/index.html
+++ b/2020/tsoj/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2020/tsoj - Most misleading indentation</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2020 IOCCC entry tsoj - Most misleading indentation">
+<meta name="description" content="Asteroids. 2020 IOCCC entry tsoj - Most misleading indentation">
 <meta name="keywords" content="IOCCC, 2020, IOCCC 2020, IOCCC entry, tsoj, Most misleading indentation">
+<link rel="canonical" href="https://www.ioccc.org/2020/tsoj/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2020/tsoj/index.html">
+<meta property="og:title" content="2020/tsoj - Most misleading indentation">
+<meta property="og:description" content="Asteroids. 2020 IOCCC entry tsoj - Most misleading indentation">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2020/tsoj - Most misleading indentation</h2>
diff --git a/2020/yang/index.html b/2020/yang/index.html
index abb5f34043..0caaa4bf6b 100644
--- a/2020/yang/index.html
+++ b/2020/yang/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2020/yang - Best abuse of CPP</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2020 IOCCC entry yang - Best abuse of CPP">
+<meta name="description" content="PIN-protected program generator. 2020 IOCCC entry yang - Best abuse of CPP">
 <meta name="keywords" content="IOCCC, 2020, IOCCC 2020, IOCCC entry, yang, Best abuse of CPP">
+<link rel="canonical" href="https://www.ioccc.org/2020/yang/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2020/yang/index.html">
+<meta property="og:title" content="2020/yang - Best abuse of CPP">
+<meta property="og:description" content="PIN-protected program generator. 2020 IOCCC entry yang - Best abuse of CPP">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2020/yang - Best abuse of CPP</h2>
diff --git a/2024/burton/deobfuscated.html b/2024/burton/deobfuscated.html
index 19dd3e3abd..87e95696a6 100644
--- a/2024/burton/deobfuscated.html
+++ b/2024/burton/deobfuscated.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="deobfuscated.md for 2024/burton">
 <meta name="keywords" content="IOCCC, 2024/burton, deobfuscated.md">
+<link rel="canonical" href="https://www.ioccc.org/2024/burton/deobfuscated.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2024/burton/deobfuscated.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="deobfuscated.md for 2024/burton">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>deobfuscated.html for 2024/burton</h2>
diff --git a/2024/burton/extra.html b/2024/burton/extra.html
index 77741ec90a..92c12355a2 100644
--- a/2024/burton/extra.html
+++ b/2024/burton/extra.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="extra.md for 2024/burton">
 <meta name="keywords" content="IOCCC, 2024/burton, extra.md">
+<link rel="canonical" href="https://www.ioccc.org/2024/burton/extra.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2024/burton/extra.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="extra.md for 2024/burton">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>extra.html for 2024/burton</h2>
diff --git a/2024/burton/index.html b/2024/burton/index.html
index 16b151ceab..c193bc994a 100644
--- a/2024/burton/index.html
+++ b/2024/burton/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/burton - Prize in pentagrammatology</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry burton - Prize in pentagrammatology">
+<meta name="description" content="wordle hard mode solver. 2024 IOCCC entry burton - Prize in pentagrammatology">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, burton, Prize in pentagrammatology">
+<link rel="canonical" href="https://www.ioccc.org/2024/burton/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/burton/index.html">
+<meta property="og:title" content="2024/burton - Prize in pentagrammatology">
+<meta property="og:description" content="wordle hard mode solver. 2024 IOCCC entry burton - Prize in pentagrammatology">
+<meta property="og:image" content="https://i.ytimg.com/vi/PQGCfnVmmNA/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/burton">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/burton - Prize in pentagrammatology</h2>
diff --git a/2024/cable1/index.html b/2024/cable1/index.html
index 74ecd57bcf..3eef537731 100644
--- a/2024/cable1/index.html
+++ b/2024/cable1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/cable1 - Prize in bot talk</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry cable1 - Prize in bot talk">
+<meta name="description" content="LLM inference engine. 2024 IOCCC entry cable1 - Prize in bot talk">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, cable1, Prize in bot talk">
+<link rel="canonical" href="https://www.ioccc.org/2024/cable1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/cable1/index.html">
+<meta property="og:title" content="2024/cable1 - Prize in bot talk">
+<meta property="og:description" content="LLM inference engine. 2024 IOCCC entry cable1 - Prize in bot talk">
+<meta property="og:image" content="https://i.ytimg.com/vi/ZrGyUELYW2M/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/cable1">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/cable1 - Prize in bot talk</h2>
diff --git a/2024/cable2/index.html b/2024/cable2/index.html
index 3571a07a27..cd01d5bbb3 100644
--- a/2024/cable2/index.html
+++ b/2024/cable2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/cable2 - Prize in murky waters</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry cable2 - Prize in murky waters">
+<meta name="description" content="salmon recipe. 2024 IOCCC entry cable2 - Prize in murky waters">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, cable2, Prize in murky waters">
+<link rel="canonical" href="https://www.ioccc.org/2024/cable2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/cable2/index.html">
+<meta property="og:title" content="2024/cable2 - Prize in murky waters">
+<meta property="og:description" content="salmon recipe. 2024 IOCCC entry cable2 - Prize in murky waters">
+<meta property="og:image" content="https://i.ytimg.com/vi/RMI5oT9U4vc/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/cable2">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/cable2 - Prize in murky waters</h2>
diff --git a/2024/carlini/index.html b/2024/carlini/index.html
index 8b29282976..86b10a5205 100644
--- a/2024/carlini/index.html
+++ b/2024/carlini/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/carlini - Prize in perfect timing</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry carlini - Prize in perfect timing">
+<meta name="description" content="Intel 4004 emulation. 2024 IOCCC entry carlini - Prize in perfect timing">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, carlini, Prize in perfect timing">
+<link rel="canonical" href="https://www.ioccc.org/2024/carlini/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/carlini/index.html">
+<meta property="og:title" content="2024/carlini - Prize in perfect timing">
+<meta property="og:description" content="Intel 4004 emulation. 2024 IOCCC entry carlini - Prize in perfect timing">
+<meta property="og:image" content="https://i.ytimg.com/vi/r6wUZUaaJBY/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/carlini">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/carlini - Prize in perfect timing</h2>
diff --git a/2024/codemeow/index.html b/2024/codemeow/index.html
index 14f5aff190..1c3350d6e2 100644
--- a/2024/codemeow/index.html
+++ b/2024/codemeow/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/codemeow - Prize in tray planting</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry codemeow - Prize in tray planting">
+<meta name="description" content="bonsai generator. 2024 IOCCC entry codemeow - Prize in tray planting">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, codemeow, Prize in tray planting">
+<link rel="canonical" href="https://www.ioccc.org/2024/codemeow/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/codemeow/index.html">
+<meta property="og:title" content="2024/codemeow - Prize in tray planting">
+<meta property="og:description" content="bonsai generator. 2024 IOCCC entry codemeow - Prize in tray planting">
+<meta property="og:image" content="https://i.ytimg.com/vi/OxRLL_RFZHs/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/codemeow">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/codemeow - Prize in tray planting</h2>
diff --git a/2024/endoh1/index.html b/2024/endoh1/index.html
index 581b63d51f..674e02b285 100644
--- a/2024/endoh1/index.html
+++ b/2024/endoh1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/endoh1 - Prize in patient pointillism</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry endoh1 - Prize in patient pointillism">
+<meta name="description" content="slow ray tracer in CPP. 2024 IOCCC entry endoh1 - Prize in patient pointillism">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, endoh1, Prize in patient pointillism">
+<link rel="canonical" href="https://www.ioccc.org/2024/endoh1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/endoh1/index.html">
+<meta property="og:title" content="2024/endoh1 - Prize in patient pointillism">
+<meta property="og:description" content="slow ray tracer in CPP. 2024 IOCCC entry endoh1 - Prize in patient pointillism">
+<meta property="og:image" content="https://i.ytimg.com/vi/-BORKHexSPM/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/endoh1">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/endoh1 - Prize in patient pointillism</h2>
diff --git a/2024/endoh2/index.html b/2024/endoh2/index.html
index dc7db2de30..4596b81121 100644
--- a/2024/endoh2/index.html
+++ b/2024/endoh2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/endoh2 - Prize in solid body physics</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry endoh2 - Prize in solid body physics">
+<meta name="description" content="rotating rigid body simulation. 2024 IOCCC entry endoh2 - Prize in solid body physics">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, endoh2, Prize in solid body physics">
+<link rel="canonical" href="https://www.ioccc.org/2024/endoh2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/endoh2/index.html">
+<meta property="og:title" content="2024/endoh2 - Prize in solid body physics">
+<meta property="og:description" content="rotating rigid body simulation. 2024 IOCCC entry endoh2 - Prize in solid body physics">
+<meta property="og:image" content="https://i.ytimg.com/vi/KT9Fgg4t7gY/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/endoh2">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/endoh2 - Prize in solid body physics</h2>
diff --git a/2024/ferguson1/deobfuscation.html b/2024/ferguson1/deobfuscation.html
index d9f0ab2695..6e0e928b1e 100644
--- a/2024/ferguson1/deobfuscation.html
+++ b/2024/ferguson1/deobfuscation.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="deobfuscation.md for 2024/ferguson1">
 <meta name="keywords" content="IOCCC, 2024/ferguson1, deobfuscation.md">
+<link rel="canonical" href="https://www.ioccc.org/2024/ferguson1/deobfuscation.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2024/ferguson1/deobfuscation.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="deobfuscation.md for 2024/ferguson1">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>deobfuscation.html for 2024/ferguson1</h2>
diff --git a/2024/ferguson1/index.html b/2024/ferguson1/index.html
index 4c13d88241..c6fd58fb7f 100644
--- a/2024/ferguson1/index.html
+++ b/2024/ferguson1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/ferguson1 - Prize in diabolical logistics</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry ferguson1 - Prize in diabolical logistics">
+<meta name="description" content="A Pact With the Devil On the Oregon Trail. 2024 IOCCC entry ferguson1 - Prize in diabolical logistics">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, ferguson1, Prize in diabolical logistics">
+<link rel="canonical" href="https://www.ioccc.org/2024/ferguson1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/ferguson1/index.html">
+<meta property="og:title" content="2024/ferguson1 - Prize in diabolical logistics">
+<meta property="og:description" content="A Pact With the Devil On the Oregon Trail. 2024 IOCCC entry ferguson1 - Prize in diabolical logistics">
+<meta property="og:image" content="https://i.ytimg.com/vi/o7qSjWRoRlU/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/ferguson1">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/ferguson1 - Prize in diabolical logistics</h2>
diff --git a/2024/ferguson1/obfuscation.html b/2024/ferguson1/obfuscation.html
index 65177356fb..2f54b8c028 100644
--- a/2024/ferguson1/obfuscation.html
+++ b/2024/ferguson1/obfuscation.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="obfuscation.md for 2024/ferguson1">
 <meta name="keywords" content="IOCCC, 2024/ferguson1, obfuscation.md">
+<link rel="canonical" href="https://www.ioccc.org/2024/ferguson1/obfuscation.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2024/ferguson1/obfuscation.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="obfuscation.md for 2024/ferguson1">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>obfuscation.html for 2024/ferguson1</h2>
diff --git a/2024/ferguson2/index.html b/2024/ferguson2/index.html
index b2e5ca3500..c89bd6df9e 100644
--- a/2024/ferguson2/index.html
+++ b/2024/ferguson2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/ferguson2 - Prize in yil-tas</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry ferguson2 - Prize in yil-tas">
+<meta name="description" content="Navajo Code Talker translator. 2024 IOCCC entry ferguson2 - Prize in yil-tas">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, ferguson2, Prize in yil-tas">
+<link rel="canonical" href="https://www.ioccc.org/2024/ferguson2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/ferguson2/index.html">
+<meta property="og:title" content="2024/ferguson2 - Prize in yil-tas">
+<meta property="og:description" content="Navajo Code Talker translator. 2024 IOCCC entry ferguson2 - Prize in yil-tas">
+<meta property="og:image" content="https://i.ytimg.com/vi/KmSzapLxDnA/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/ferguson2">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/ferguson2 - Prize in yil-tas</h2>
diff --git a/2024/guidelines.html b/2024/guidelines.html
index fb3a7c13fc..34467c97bb 100644
--- a/2024/guidelines.html
+++ b/2024/guidelines.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../favicon.ico">
 <meta name="description" content="Archive of IOCCC Guidelines">
 <meta name="keywords" content="IOCCC, guidelines, Guidelines">
+<link rel="canonical" href="https://www.ioccc.org/2024/guidelines.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2024/guidelines.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="Archive of IOCCC Guidelines">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../2011/zucker/index.html">
       <img src="../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../png/ioccc.png 400w, ../png/ioccc-600.png 600w, ../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>Archive of IOCCC Guidelines</h2>
diff --git a/2024/howe/index.html b/2024/howe/index.html
index aeacd865c8..40efbc8fe1 100644
--- a/2024/howe/index.html
+++ b/2024/howe/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/howe - Nice accent eh-ward</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry howe - Nice accent eh-ward">
+<meta name="description" content="mini vi. 2024 IOCCC entry howe - Nice accent eh-ward">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, howe, Nice accent eh-ward">
+<link rel="canonical" href="https://www.ioccc.org/2024/howe/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/howe/index.html">
+<meta property="og:title" content="2024/howe - Nice accent eh-ward">
+<meta property="og:description" content="mini vi. 2024 IOCCC entry howe - Nice accent eh-ward">
+<meta property="og:image" content="https://i.ytimg.com/vi/oDY4rzIaKAo/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/howe">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/howe - Nice accent eh-ward</h2>
diff --git a/2024/howe/prog.html b/2024/howe/prog.html
index 4165d29f5c..b4983a5375 100644
--- a/2024/howe/prog.html
+++ b/2024/howe/prog.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="prog.md for 2024/howe">
 <meta name="keywords" content="IOCCC, 2024/howe, prog.md">
+<link rel="canonical" href="https://www.ioccc.org/2024/howe/prog.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2024/howe/prog.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="prog.md for 2024/howe">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>prog.html for 2024/howe</h2>
diff --git a/2024/kramer/index.html b/2024/kramer/index.html
index d585801331..6bcc2c6849 100644
--- a/2024/kramer/index.html
+++ b/2024/kramer/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/kramer - Prize in linguistic arithmetic</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry kramer - Prize in linguistic arithmetic">
+<meta name="description" content="natural language numerical calculator. 2024 IOCCC entry kramer - Prize in linguistic arithmetic">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, kramer, Prize in linguistic arithmetic">
+<link rel="canonical" href="https://www.ioccc.org/2024/kramer/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/kramer/index.html">
+<meta property="og:title" content="2024/kramer - Prize in linguistic arithmetic">
+<meta property="og:description" content="natural language numerical calculator. 2024 IOCCC entry kramer - Prize in linguistic arithmetic">
+<meta property="og:image" content="https://i.ytimg.com/vi/Wkt6FbOYMxs/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/kramer">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/kramer - Prize in linguistic arithmetic</h2>
diff --git a/2024/kurdyukov1/index.html b/2024/kurdyukov1/index.html
index 97dd9f72f1..e8f1c432d3 100644
--- a/2024/kurdyukov1/index.html
+++ b/2024/kurdyukov1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/kurdyukov1 - Prize in phased periodicity</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry kurdyukov1 - Prize in phased periodicity">
+<meta name="description" content="phase of the Moon. 2024 IOCCC entry kurdyukov1 - Prize in phased periodicity">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, kurdyukov1, Prize in phased periodicity">
+<link rel="canonical" href="https://www.ioccc.org/2024/kurdyukov1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/kurdyukov1/index.html">
+<meta property="og:title" content="2024/kurdyukov1 - Prize in phased periodicity">
+<meta property="og:description" content="phase of the Moon. 2024 IOCCC entry kurdyukov1 - Prize in phased periodicity">
+<meta property="og:image" content="https://i.ytimg.com/vi/b2WfQdGJS8s/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/kurdyukov1">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/kurdyukov1 - Prize in phased periodicity</h2>
diff --git a/2024/kurdyukov2/index.html b/2024/kurdyukov2/index.html
index 8403ae6a18..efa03cc0ad 100644
--- a/2024/kurdyukov2/index.html
+++ b/2024/kurdyukov2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/kurdyukov2 - Prize in art restoration</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry kurdyukov2 - Prize in art restoration">
+<meta name="description" content="JPEG artifact removal. 2024 IOCCC entry kurdyukov2 - Prize in art restoration">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, kurdyukov2, Prize in art restoration">
+<link rel="canonical" href="https://www.ioccc.org/2024/kurdyukov2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/kurdyukov2/index.html">
+<meta property="og:title" content="2024/kurdyukov2 - Prize in art restoration">
+<meta property="og:description" content="JPEG artifact removal. 2024 IOCCC entry kurdyukov2 - Prize in art restoration">
+<meta property="og:image" content="https://i.ytimg.com/vi/dWxRYHTPQPE/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/kurdyukov2">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/kurdyukov2 - Prize in art restoration</h2>
diff --git a/2024/kurdyukov3/index.html b/2024/kurdyukov3/index.html
index 7c29b9328a..cbabc48322 100644
--- a/2024/kurdyukov3/index.html
+++ b/2024/kurdyukov3/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/kurdyukov3 - Prize in virtual quietus</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry kurdyukov3 - Prize in virtual quietus">
+<meta name="description" content="gaming VM and doom. 2024 IOCCC entry kurdyukov3 - Prize in virtual quietus">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, kurdyukov3, Prize in virtual quietus">
+<link rel="canonical" href="https://www.ioccc.org/2024/kurdyukov3/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/kurdyukov3/index.html">
+<meta property="og:title" content="2024/kurdyukov3 - Prize in virtual quietus">
+<meta property="og:description" content="gaming VM and doom. 2024 IOCCC entry kurdyukov3 - Prize in virtual quietus">
+<meta property="og:image" content="https://i.ytimg.com/vi/iaXMwqR93iE/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/kurdyukov3">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/kurdyukov3 - Prize in virtual quietus</h2>
diff --git a/2024/kurdyukov4/index.html b/2024/kurdyukov4/index.html
index 61aa2ce4e3..e10dcf35c4 100644
--- a/2024/kurdyukov4/index.html
+++ b/2024/kurdyukov4/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/kurdyukov4 - Prize in embiggening</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry kurdyukov4 - Prize in embiggening">
+<meta name="description" content="encode without literals. 2024 IOCCC entry kurdyukov4 - Prize in embiggening">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, kurdyukov4, Prize in embiggening">
+<link rel="canonical" href="https://www.ioccc.org/2024/kurdyukov4/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/kurdyukov4/index.html">
+<meta property="og:title" content="2024/kurdyukov4 - Prize in embiggening">
+<meta property="og:description" content="encode without literals. 2024 IOCCC entry kurdyukov4 - Prize in embiggening">
+<meta property="og:image" content="https://i.ytimg.com/vi/YnU_jQs11Lk/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/kurdyukov4">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/kurdyukov4 - Prize in embiggening</h2>
diff --git a/2024/macke/index.html b/2024/macke/index.html
index 8e443092ec..417b32947d 100644
--- a/2024/macke/index.html
+++ b/2024/macke/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/macke - Prize in imitative rebooting</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry macke - Prize in imitative rebooting">
+<meta name="description" content="OpenRISC CPU and Linux. 2024 IOCCC entry macke - Prize in imitative rebooting">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, macke, Prize in imitative rebooting">
+<link rel="canonical" href="https://www.ioccc.org/2024/macke/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/macke/index.html">
+<meta property="og:title" content="2024/macke - Prize in imitative rebooting">
+<meta property="og:description" content="OpenRISC CPU and Linux. 2024 IOCCC entry macke - Prize in imitative rebooting">
+<meta property="og:image" content="https://i.ytimg.com/vi/jeQFI_8kGA4/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/macke">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/macke - Prize in imitative rebooting</h2>
diff --git a/2024/maffiodo/index.html b/2024/maffiodo/index.html
index 419f5a9142..ccb1fbf931 100644
--- a/2024/maffiodo/index.html
+++ b/2024/maffiodo/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/maffiodo - Prize in creative interpretation</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry maffiodo - Prize in creative interpretation">
+<meta name="description" content="Jav*script interpreter. 2024 IOCCC entry maffiodo - Prize in creative interpretation">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, maffiodo, Prize in creative interpretation">
+<link rel="canonical" href="https://www.ioccc.org/2024/maffiodo/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/maffiodo/index.html">
+<meta property="og:title" content="2024/maffiodo - Prize in creative interpretation">
+<meta property="og:description" content="Jav*script interpreter. 2024 IOCCC entry maffiodo - Prize in creative interpretation">
+<meta property="og:image" content="https://i.ytimg.com/vi/JEWxbOD-1UY/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/maffiodo">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/maffiodo - Prize in creative interpretation</h2>
diff --git a/2024/mills/index.html b/2024/mills/index.html
index 1e23653eae..2b5ef7fe03 100644
--- a/2024/mills/index.html
+++ b/2024/mills/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/mills - Prize in ℤ₃</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry mills - Prize in ℤ₃">
+<meta name="description" content="Infocom v3 story interpreter. 2024 IOCCC entry mills - Prize in ℤ₃">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, mills, Prize in ℤ₃">
+<link rel="canonical" href="https://www.ioccc.org/2024/mills/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/mills/index.html">
+<meta property="og:title" content="2024/mills - Prize in ℤ₃">
+<meta property="og:description" content="Infocom v3 story interpreter. 2024 IOCCC entry mills - Prize in ℤ₃">
+<meta property="og:image" content="https://i.ytimg.com/vi/sXdTonHUN8s/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/mills">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/mills - Prize in ℤ₃</h2>
diff --git a/2024/rules.html b/2024/rules.html
index 8c0aa0c166..901ffec645 100644
--- a/2024/rules.html
+++ b/2024/rules.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../favicon.ico">
 <meta name="description" content="Archive of IOCCC Rules">
 <meta name="keywords" content="IOCCC, rules, Rules">
+<link rel="canonical" href="https://www.ioccc.org/2024/rules.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2024/rules.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="Archive of IOCCC Rules">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../2011/zucker/index.html">
       <img src="../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../png/ioccc.png 400w, ../png/ioccc-600.png 600w, ../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>Archive of IOCCC Rules</h2>
diff --git a/2024/stedolan/index.html b/2024/stedolan/index.html
index 353ff8f37d..fcf754f8b5 100644
--- a/2024/stedolan/index.html
+++ b/2024/stedolan/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/stedolan - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry stedolan - Best one liner">
+<meta name="description" content="icon from MD5. 2024 IOCCC entry stedolan - Best one liner">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, stedolan, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/2024/stedolan/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/stedolan/index.html">
+<meta property="og:title" content="2024/stedolan - Best one liner">
+<meta property="og:description" content="icon from MD5. 2024 IOCCC entry stedolan - Best one liner">
+<meta property="og:image" content="https://i.ytimg.com/vi/NJ-e4SgXGpw/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/stedolan">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/stedolan - Best one liner</h2>
diff --git a/2024/straadt/index.html b/2024/straadt/index.html
index dce3c92786..d83eac3193 100644
--- a/2024/straadt/index.html
+++ b/2024/straadt/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/straadt - Prize in sound coding</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry straadt - Prize in sound coding">
+<meta name="description" content="layered music generator. 2024 IOCCC entry straadt - Prize in sound coding">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, straadt, Prize in sound coding">
+<link rel="canonical" href="https://www.ioccc.org/2024/straadt/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/straadt/index.html">
+<meta property="og:title" content="2024/straadt - Prize in sound coding">
+<meta property="og:description" content="layered music generator. 2024 IOCCC entry straadt - Prize in sound coding">
+<meta property="og:image" content="https://i.ytimg.com/vi/QYFXRvt0VJo/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/straadt">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/straadt - Prize in sound coding</h2>
diff --git a/2024/tmarrec/index.html b/2024/tmarrec/index.html
index 7bdb50f7ee..74c172adaa 100644
--- a/2024/tmarrec/index.html
+++ b/2024/tmarrec/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/tmarrec - Prize in cyclonic coding</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry tmarrec - Prize in cyclonic coding">
+<meta name="description" content="3D tornado simulation. 2024 IOCCC entry tmarrec - Prize in cyclonic coding">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, tmarrec, Prize in cyclonic coding">
+<link rel="canonical" href="https://www.ioccc.org/2024/tmarrec/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/tmarrec/index.html">
+<meta property="og:title" content="2024/tmarrec - Prize in cyclonic coding">
+<meta property="og:description" content="3D tornado simulation. 2024 IOCCC entry tmarrec - Prize in cyclonic coding">
+<meta property="og:image" content="https://i.ytimg.com/vi/dIDNZI55trg/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/tmarrec">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/tmarrec - Prize in cyclonic coding</h2>
diff --git a/2024/tompng/index.html b/2024/tompng/index.html
index e802022a82..67aa177407 100644
--- a/2024/tompng/index.html
+++ b/2024/tompng/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/tompng - Prize in quasi bijection</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry tompng - Prize in quasi bijection">
+<meta name="description" content="vortex encryptor decryptor. 2024 IOCCC entry tompng - Prize in quasi bijection">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, tompng, Prize in quasi bijection">
+<link rel="canonical" href="https://www.ioccc.org/2024/tompng/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/tompng/index.html">
+<meta property="og:title" content="2024/tompng - Prize in quasi bijection">
+<meta property="og:description" content="vortex encryptor decryptor. 2024 IOCCC entry tompng - Prize in quasi bijection">
+<meta property="og:image" content="https://i.ytimg.com/vi/9C4PpNCst8Y/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/tompng">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/tompng - Prize in quasi bijection</h2>
diff --git a/2024/weaver/index.html b/2024/weaver/index.html
index 729197f215..3fe6a423ad 100644
--- a/2024/weaver/index.html
+++ b/2024/weaver/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2024/weaver - Sur prize</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2024 IOCCC entry weaver - Sur prize">
+<meta name="description" content="rickroll. 2024 IOCCC entry weaver - Sur prize">
 <meta name="keywords" content="IOCCC, 2024, IOCCC 2024, IOCCC entry, weaver, Sur prize">
+<link rel="canonical" href="https://www.ioccc.org/2024/weaver/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2024/weaver/index.html">
+<meta property="og:title" content="2024/weaver - Sur prize">
+<meta property="og:description" content="rickroll. 2024 IOCCC entry weaver - Sur prize">
+<meta property="og:image" content="https://i.ytimg.com/vi/e1h5N6EDehg/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2024/weaver">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2024/weaver - Sur prize</h2>
diff --git a/2025/ayu/index.html b/2025/ayu/index.html
index 1e9d74f58d..13bb637d80 100644
--- a/2025/ayu/index.html
+++ b/2025/ayu/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/ayu - IMO award</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry ayu - IMO award">
+<meta name="description" content="Pass the traps game. 2025 IOCCC entry ayu - IMO award">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, ayu, IMO award">
+<link rel="canonical" href="https://www.ioccc.org/2025/ayu/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/ayu/index.html">
+<meta property="og:title" content="2025/ayu - IMO award">
+<meta property="og:description" content="Pass the traps game. 2025 IOCCC entry ayu - IMO award">
+<meta property="og:image" content="https://i.ytimg.com/vi/ywsK3bm57-0/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/ayu">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/ayu - IMO award</h2>
diff --git a/2025/cable/index.html b/2025/cable/index.html
index 5ef64fbd5f..b392e464b6 100644
--- a/2025/cable/index.html
+++ b/2025/cable/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/cable - Best imaginary emulator</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry cable - Best imaginary emulator">
+<meta name="description" content="Subleq computer. 2025 IOCCC entry cable - Best imaginary emulator">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, cable, Best imaginary emulator">
+<link rel="canonical" href="https://www.ioccc.org/2025/cable/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/cable/index.html">
+<meta property="og:title" content="2025/cable - Best imaginary emulator">
+<meta property="og:description" content="Subleq computer. 2025 IOCCC entry cable - Best imaginary emulator">
+<meta property="og:image" content="https://i.ytimg.com/vi/A5cWtqZ323o/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/cable">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/cable - Best imaginary emulator</h2>
diff --git a/2025/cesmoak/index.html b/2025/cesmoak/index.html
index f6a4ca5a61..9d5bd7c0d1 100644
--- a/2025/cesmoak/index.html
+++ b/2025/cesmoak/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/cesmoak - Retro space award</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry cesmoak - Retro space award">
+<meta name="description" content="Black hole punch card Fortran. 2025 IOCCC entry cesmoak - Retro space award">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, cesmoak, Retro space award">
+<link rel="canonical" href="https://www.ioccc.org/2025/cesmoak/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/cesmoak/index.html">
+<meta property="og:title" content="2025/cesmoak - Retro space award">
+<meta property="og:description" content="Black hole punch card Fortran. 2025 IOCCC entry cesmoak - Retro space award">
+<meta property="og:image" content="https://i.ytimg.com/vi/Nw2jLH0iB2o/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/cesmoak">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/cesmoak - Retro space award</h2>
diff --git a/2025/challenge.html b/2025/challenge.html
index abf709c023..e937827559 100644
--- a/2025/challenge.html
+++ b/2025/challenge.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../favicon.ico">
 <meta name="description" content="IOCCC Year 2025">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, challenge, fun challenge, Fun challenges for IOCCC year 2025">
+<link rel="canonical" href="https://www.ioccc.org/2025/challenge.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2025/challenge.html">
+<meta property="og:title" content="Fun challenges for IOCCC year 2025 - The 29th IOCCC">
+<meta property="og:description" content="IOCCC Year 2025">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../2011/zucker/index.html">
       <img src="../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../png/ioccc.png 400w, ../png/ioccc-600.png 600w, ../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>Fun challenges for IOCCC year 2025 - The 29th IOCCC</h2>
diff --git a/2025/diels-grabsch/index.html b/2025/diels-grabsch/index.html
index 50ef867e99..4dff0220a1 100644
--- a/2025/diels-grabsch/index.html
+++ b/2025/diels-grabsch/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/diels-grabsch - Best one liner</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry diels-grabsch - Best one liner">
+<meta name="description" content="Compress 1-liner. 2025 IOCCC entry diels-grabsch - Best one liner">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, diels-grabsch, Best one liner">
+<link rel="canonical" href="https://www.ioccc.org/2025/diels-grabsch/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/diels-grabsch/index.html">
+<meta property="og:title" content="2025/diels-grabsch - Best one liner">
+<meta property="og:description" content="Compress 1-liner. 2025 IOCCC entry diels-grabsch - Best one liner">
+<meta property="og:image" content="https://i.ytimg.com/vi/51ydoo9MqJ4/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/diels-grabsch">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/diels-grabsch - Best one liner</h2>
diff --git a/2025/dogon/index.html b/2025/dogon/index.html
index 6167de3f82..4755d73742 100644
--- a/2025/dogon/index.html
+++ b/2025/dogon/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/dogon - Consistently constant award</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry dogon - Consistently constant award">
+<meta name="description" content="Prints e. 2025 IOCCC entry dogon - Consistently constant award">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, dogon, Consistently constant award">
+<link rel="canonical" href="https://www.ioccc.org/2025/dogon/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/dogon/index.html">
+<meta property="og:title" content="2025/dogon - Consistently constant award">
+<meta property="og:description" content="Prints e. 2025 IOCCC entry dogon - Consistently constant award">
+<meta property="og:image" content="https://i.ytimg.com/vi/PhQ7-OQGqnM/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/dogon">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/dogon - Consistently constant award</h2>
diff --git a/2025/endoh1/index.html b/2025/endoh1/index.html
index 5b5113442f..03be5de54e 100644
--- a/2025/endoh1/index.html
+++ b/2025/endoh1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/endoh1 - Most likely to dazzle</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry endoh1 - Most likely to dazzle">
+<meta name="description" content="Nixie tube display. 2025 IOCCC entry endoh1 - Most likely to dazzle">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, endoh1, Most likely to dazzle">
+<link rel="canonical" href="https://www.ioccc.org/2025/endoh1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/endoh1/index.html">
+<meta property="og:title" content="2025/endoh1 - Most likely to dazzle">
+<meta property="og:description" content="Nixie tube display. 2025 IOCCC entry endoh1 - Most likely to dazzle">
+<meta property="og:image" content="https://i.ytimg.com/vi/69ZIkdzVHLk/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/endoh1">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/endoh1 - Most likely to dazzle</h2>
diff --git a/2025/endoh2/index.html b/2025/endoh2/index.html
index a40a1bd522..dc561e9559 100644
--- a/2025/endoh2/index.html
+++ b/2025/endoh2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/endoh2 - Most likely to shock</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry endoh2 - Most likely to shock">
+<meta name="description" content="Lichtenberg curves. 2025 IOCCC entry endoh2 - Most likely to shock">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, endoh2, Most likely to shock">
+<link rel="canonical" href="https://www.ioccc.org/2025/endoh2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/endoh2/index.html">
+<meta property="og:title" content="2025/endoh2 - Most likely to shock">
+<meta property="og:description" content="Lichtenberg curves. 2025 IOCCC entry endoh2 - Most likely to shock">
+<meta property="og:image" content="https://i.ytimg.com/vi/_dHlVjnosNA/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/endoh2">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/endoh2 - Most likely to shock</h2>
diff --git a/2025/endoh3/index.html b/2025/endoh3/index.html
index df0aaf3a1d..a061b80491 100644
--- a/2025/endoh3/index.html
+++ b/2025/endoh3/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/endoh3 - Most resilient</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry endoh3 - Most resilient">
+<meta name="description" content="patch/diff quine. 2025 IOCCC entry endoh3 - Most resilient">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, endoh3, Most resilient">
+<link rel="canonical" href="https://www.ioccc.org/2025/endoh3/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/endoh3/index.html">
+<meta property="og:title" content="2025/endoh3 - Most resilient">
+<meta property="og:description" content="patch/diff quine. 2025 IOCCC entry endoh3 - Most resilient">
+<meta property="og:image" content="https://i.ytimg.com/vi/2Sbc46q9nNo/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/endoh3">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/endoh3 - Most resilient</h2>
diff --git a/2025/ferguson/comments.html b/2025/ferguson/comments.html
index 32bcdd1f2d..fc8cc7ab41 100644
--- a/2025/ferguson/comments.html
+++ b/2025/ferguson/comments.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="comments.md for 2025/ferguson">
 <meta name="keywords" content="IOCCC, 2025/ferguson, comments.md">
+<link rel="canonical" href="https://www.ioccc.org/2025/ferguson/comments.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2025/ferguson/comments.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="comments.md for 2025/ferguson">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>comments.html for 2025/ferguson</h2>
diff --git a/2025/ferguson/index.html b/2025/ferguson/index.html
index 59e9c0fa4b..59871c3ea0 100644
--- a/2025/ferguson/index.html
+++ b/2025/ferguson/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/ferguson - Opposite award</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry ferguson - Opposite award">
+<meta name="description" content="Antipodes map. 2025 IOCCC entry ferguson - Opposite award">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, ferguson, Opposite award">
+<link rel="canonical" href="https://www.ioccc.org/2025/ferguson/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/ferguson/index.html">
+<meta property="og:title" content="2025/ferguson - Opposite award">
+<meta property="og:description" content="Antipodes map. 2025 IOCCC entry ferguson - Opposite award">
+<meta property="og:image" content="https://i.ytimg.com/vi/wFdUnUqF0s0/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/ferguson">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/ferguson - Opposite award</h2>
diff --git a/2025/ferguson/obfuscation.html b/2025/ferguson/obfuscation.html
index 56d7e30199..022e2fd9a9 100644
--- a/2025/ferguson/obfuscation.html
+++ b/2025/ferguson/obfuscation.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="obfuscation.md for 2025/ferguson">
 <meta name="keywords" content="IOCCC, 2025/ferguson, obfuscation.md">
+<link rel="canonical" href="https://www.ioccc.org/2025/ferguson/obfuscation.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2025/ferguson/obfuscation.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="obfuscation.md for 2025/ferguson">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>obfuscation.html for 2025/ferguson</h2>
diff --git a/2025/guidelines.html b/2025/guidelines.html
index 178625f701..c056801c12 100644
--- a/2025/guidelines.html
+++ b/2025/guidelines.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../favicon.ico">
 <meta name="description" content="Archive of IOCCC Guidelines">
 <meta name="keywords" content="IOCCC, guidelines, Guidelines">
+<link rel="canonical" href="https://www.ioccc.org/2025/guidelines.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2025/guidelines.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="Archive of IOCCC Guidelines">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../2011/zucker/index.html">
       <img src="../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../png/ioccc.png 400w, ../png/ioccc-600.png 600w, ../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>Archive of IOCCC Guidelines</h2>
diff --git a/2025/howe/index.html b/2025/howe/index.html
index 8c10488d59..ede68310a4 100644
--- a/2025/howe/index.html
+++ b/2025/howe/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/howe - Most likely to invade</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry howe - Most likely to invade">
+<meta name="description" content="Invaders game. 2025 IOCCC entry howe - Most likely to invade">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, howe, Most likely to invade">
+<link rel="canonical" href="https://www.ioccc.org/2025/howe/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/howe/index.html">
+<meta property="og:title" content="2025/howe - Most likely to invade">
+<meta property="og:description" content="Invaders game. 2025 IOCCC entry howe - Most likely to invade">
+<meta property="og:image" content="https://i.ytimg.com/vi/gh5xuVZn0CQ/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/howe">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/howe - Most likely to invade</h2>
diff --git a/2025/howe/prog.html b/2025/howe/prog.html
index fb769e7954..3874f72d48 100644
--- a/2025/howe/prog.html
+++ b/2025/howe/prog.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="prog.md for 2025/howe">
 <meta name="keywords" content="IOCCC, 2025/howe, prog.md">
+<link rel="canonical" href="https://www.ioccc.org/2025/howe/prog.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/2025/howe/prog.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="prog.md for 2025/howe">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>prog.html for 2025/howe</h2>
diff --git a/2025/jhshrvdp/index.html b/2025/jhshrvdp/index.html
index f4aeefcd2e..207159d74f 100644
--- a/2025/jhshrvdp/index.html
+++ b/2025/jhshrvdp/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/jhshrvdp - Most likely to teleport</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry jhshrvdp - Most likely to teleport">
+<meta name="description" content="J_S_R_ogue game. 2025 IOCCC entry jhshrvdp - Most likely to teleport">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, jhshrvdp, Most likely to teleport">
+<link rel="canonical" href="https://www.ioccc.org/2025/jhshrvdp/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/jhshrvdp/index.html">
+<meta property="og:title" content="2025/jhshrvdp - Most likely to teleport">
+<meta property="og:description" content="J_S_R_ogue game. 2025 IOCCC entry jhshrvdp - Most likely to teleport">
+<meta property="og:image" content="https://i.ytimg.com/vi/_LSMQOuul20/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/jhshrvdp">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/jhshrvdp - Most likely to teleport</h2>
diff --git a/2025/jingp49/index.html b/2025/jingp49/index.html
index 82d14d2670..8f5c505455 100644
--- a/2025/jingp49/index.html
+++ b/2025/jingp49/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/jingp49 - Who won award</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry jingp49 - Who won award">
+<meta name="description" content="Dr. WHO sequence. 2025 IOCCC entry jingp49 - Who won award">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, jingp49, Who won award">
+<link rel="canonical" href="https://www.ioccc.org/2025/jingp49/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/jingp49/index.html">
+<meta property="og:title" content="2025/jingp49 - Who won award">
+<meta property="og:description" content="Dr. WHO sequence. 2025 IOCCC entry jingp49 - Who won award">
+<meta property="og:image" content="https://i.ytimg.com/vi/eofLsLbHatE/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/jingp49">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/jingp49 - Who won award</h2>
diff --git a/2025/kurdyukov/index.html b/2025/kurdyukov/index.html
index aba03be3db..1eb80eb4cc 100644
--- a/2025/kurdyukov/index.html
+++ b/2025/kurdyukov/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/kurdyukov - Most likely to count</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry kurdyukov - Most likely to count">
+<meta name="description" content="Solves number puzzles. 2025 IOCCC entry kurdyukov - Most likely to count">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, kurdyukov, Most likely to count">
+<link rel="canonical" href="https://www.ioccc.org/2025/kurdyukov/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/kurdyukov/index.html">
+<meta property="og:title" content="2025/kurdyukov - Most likely to count">
+<meta property="og:description" content="Solves number puzzles. 2025 IOCCC entry kurdyukov - Most likely to count">
+<meta property="og:image" content="https://i.ytimg.com/vi/UTAluKAaJek/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/kurdyukov">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/kurdyukov - Most likely to count</h2>
diff --git a/2025/mattpep/index.html b/2025/mattpep/index.html
index b8dd2eec50..8c64980eb3 100644
--- a/2025/mattpep/index.html
+++ b/2025/mattpep/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/mattpep - Most obfuscated options</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry mattpep - Most obfuscated options">
+<meta name="description" content="Base64 encoder/decoder. 2025 IOCCC entry mattpep - Most obfuscated options">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, mattpep, Most obfuscated options">
+<link rel="canonical" href="https://www.ioccc.org/2025/mattpep/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/mattpep/index.html">
+<meta property="og:title" content="2025/mattpep - Most obfuscated options">
+<meta property="og:description" content="Base64 encoder/decoder. 2025 IOCCC entry mattpep - Most obfuscated options">
+<meta property="og:image" content="https://i.ytimg.com/vi/lre80BUL_gk/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/mattpep">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/mattpep - Most obfuscated options</h2>
diff --git a/2025/ncw1/index.html b/2025/ncw1/index.html
index 7ee671dd4e..ae10b2a059 100644
--- a/2025/ncw1/index.html
+++ b/2025/ncw1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/ncw1 - Best real emulator</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry ncw1 - Best real emulator">
+<meta name="description" content="GameBoy emulator. 2025 IOCCC entry ncw1 - Best real emulator">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, ncw1, Best real emulator">
+<link rel="canonical" href="https://www.ioccc.org/2025/ncw1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/ncw1/index.html">
+<meta property="og:title" content="2025/ncw1 - Best real emulator">
+<meta property="og:description" content="GameBoy emulator. 2025 IOCCC entry ncw1 - Best real emulator">
+<meta property="og:image" content="https://i.ytimg.com/vi/Qg_dkwRs48I/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/ncw1">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/ncw1 - Best real emulator</h2>
diff --git a/2025/ncw2/index.html b/2025/ncw2/index.html
index 119cfc5553..6ddb598321 100644
--- a/2025/ncw2/index.html
+++ b/2025/ncw2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/ncw2 - Best fractional emulator</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry ncw2 - Best fractional emulator">
+<meta name="description" content="FRACTRAN output. 2025 IOCCC entry ncw2 - Best fractional emulator">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, ncw2, Best fractional emulator">
+<link rel="canonical" href="https://www.ioccc.org/2025/ncw2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/ncw2/index.html">
+<meta property="og:title" content="2025/ncw2 - Best fractional emulator">
+<meta property="og:description" content="FRACTRAN output. 2025 IOCCC entry ncw2 - Best fractional emulator">
+<meta property="og:image" content="https://i.ytimg.com/vi/iFQKw6JgszY/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/ncw2">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/ncw2 - Best fractional emulator</h2>
diff --git a/2025/ncw3/index.html b/2025/ncw3/index.html
index a554c19ac8..f98acc32fe 100644
--- a/2025/ncw3/index.html
+++ b/2025/ncw3/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/ncw3 - Best use of Unicode</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry ncw3 - Best use of Unicode">
+<meta name="description" content="F O R T H. 2025 IOCCC entry ncw3 - Best use of Unicode">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, ncw3, Best use of Unicode">
+<link rel="canonical" href="https://www.ioccc.org/2025/ncw3/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/ncw3/index.html">
+<meta property="og:title" content="2025/ncw3 - Best use of Unicode">
+<meta property="og:description" content="F O R T H. 2025 IOCCC entry ncw3 - Best use of Unicode">
+<meta property="og:image" content="https://i.ytimg.com/vi/MJl6oUxtyFw/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/ncw3">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/ncw3 - Best use of Unicode</h2>
diff --git a/2025/tompng/index.html b/2025/tompng/index.html
index 562737fae8..c4f44c2cfd 100644
--- a/2025/tompng/index.html
+++ b/2025/tompng/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/tompng - Most soothing</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry tompng - Most soothing">
+<meta name="description" content="Synthetic seashore. 2025 IOCCC entry tompng - Most soothing">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, tompng, Most soothing">
+<link rel="canonical" href="https://www.ioccc.org/2025/tompng/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/tompng/index.html">
+<meta property="og:title" content="2025/tompng - Most soothing">
+<meta property="og:description" content="Synthetic seashore. 2025 IOCCC entry tompng - Most soothing">
+<meta property="og:image" content="https://i.ytimg.com/vi/aimO4cTCOyc/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/tompng">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/tompng - Most soothing</h2>
diff --git a/2025/uellenberg/index.html b/2025/uellenberg/index.html
index b89c1c843c..2961ca2527 100644
--- a/2025/uellenberg/index.html
+++ b/2025/uellenberg/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/uellenberg - Ping pong prize</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry uellenberg - Ping pong prize">
+<meta name="description" content="Quine pong. 2025 IOCCC entry uellenberg - Ping pong prize">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, uellenberg, Ping pong prize">
+<link rel="canonical" href="https://www.ioccc.org/2025/uellenberg/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/uellenberg/index.html">
+<meta property="og:title" content="2025/uellenberg - Ping pong prize">
+<meta property="og:description" content="Quine pong. 2025 IOCCC entry uellenberg - Ping pong prize">
+<meta property="og:image" content="https://i.ytimg.com/vi/ELWZXrccuOo/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/uellenberg">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/uellenberg - Ping pong prize</h2>
diff --git a/2025/yang1/index.html b/2025/yang1/index.html
index fbf77f253e..3820d207c5 100644
--- a/2025/yang1/index.html
+++ b/2025/yang1/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/yang1 - Compound prize</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry yang1 - Compound prize">
+<meta name="description" content="slash/head/tail/chop/prime tool. 2025 IOCCC entry yang1 - Compound prize">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, yang1, Compound prize">
+<link rel="canonical" href="https://www.ioccc.org/2025/yang1/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/yang1/index.html">
+<meta property="og:title" content="2025/yang1 - Compound prize">
+<meta property="og:description" content="slash/head/tail/chop/prime tool. 2025 IOCCC entry yang1 - Compound prize">
+<meta property="og:image" content="https://i.ytimg.com/vi/U7ZTk5zd9Dk/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/yang1">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/yang1 - Compound prize</h2>
diff --git a/2025/yang2/index.html b/2025/yang2/index.html
index f9c155e94c..20190fd163 100644
--- a/2025/yang2/index.html
+++ b/2025/yang2/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/yang2 - Most magical word</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry yang2 - Most magical word">
+<meta name="description" content="Zoltraak encoding. 2025 IOCCC entry yang2 - Most magical word">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, yang2, Most magical word">
+<link rel="canonical" href="https://www.ioccc.org/2025/yang2/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/yang2/index.html">
+<meta property="og:title" content="2025/yang2 - Most magical word">
+<meta property="og:description" content="Zoltraak encoding. 2025 IOCCC entry yang2 - Most magical word">
+<meta property="og:image" content="https://i.ytimg.com/vi/5okUc5u7sBk/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/yang2">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/yang2 - Most magical word</h2>
diff --git a/2025/yang3/index.html b/2025/yang3/index.html
index be3ec88ce1..1805e81dea 100644
--- a/2025/yang3/index.html
+++ b/2025/yang3/index.html
@@ -12,8 +12,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <title>2025/yang3 - INABIAF award</title>
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
-<meta name="description" content="2025 IOCCC entry yang3 - INABIAF award">
+<meta name="description" content="Encoder in compiler warnings. 2025 IOCCC entry yang3 - INABIAF award">
 <meta name="keywords" content="IOCCC, 2025, IOCCC 2025, IOCCC entry, yang3, INABIAF award">
+<link rel="canonical" href="https://www.ioccc.org/2025/yang3/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="article">
+<meta property="og:url" content="https://www.ioccc.org/2025/yang3/index.html">
+<meta property="og:title" content="2025/yang3 - INABIAF award">
+<meta property="og:description" content="Encoder in compiler warnings. 2025 IOCCC entry yang3 - INABIAF award">
+<meta property="og:image" content="https://i.ytimg.com/vi/Wmob2Mp_peE/maxresdefault.jpg">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="Video of IOCCC entry 2025/yang3">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>2025/yang3 - INABIAF award</h2>
diff --git a/CODE_OF_CONDUCT.html b/CODE_OF_CONDUCT.html
index 1d48484a2d..70a0b99543 100644
--- a/CODE_OF_CONDUCT.html
+++ b/CODE_OF_CONDUCT.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="Contributor Covenant Code of Conduct">
 <meta name="keywords" content="IOCCC, Contributor Covenant Code of Conduct, Code of Conduct">
+<link rel="canonical" href="https://www.ioccc.org/CODE_OF_CONDUCT.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/CODE_OF_CONDUCT.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="Contributor Covenant Code of Conduct">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>IOCCC GitHub repo Contributor Covenant Code of Conduct</h2>
diff --git a/CONTRIBUTING.html b/CONTRIBUTING.html
index 8fac583cf9..cb2a35dba1 100644
--- a/CONTRIBUTING.html
+++ b/CONTRIBUTING.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="Contributing to the IOCCC repo">
 <meta name="keywords" content="IOCCC, help, contributing">
+<link rel="canonical" href="https://www.ioccc.org/CONTRIBUTING.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/CONTRIBUTING.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="Contributing to the IOCCC repo">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>How to contribute to the IOCCC and the IOCCC repo</h2>
diff --git a/PULL_REQUEST_TEMPLATE.html b/PULL_REQUEST_TEMPLATE.html
index fab2b3b565..ba0c31ef7c 100644
--- a/PULL_REQUEST_TEMPLATE.html
+++ b/PULL_REQUEST_TEMPLATE.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="Make a pull request to a GitHub repo">
 <meta name="keywords" content="IOCCC, help, pull request, GitHub">
+<link rel="canonical" href="https://www.ioccc.org/PULL_REQUEST_TEMPLATE.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/PULL_REQUEST_TEMPLATE.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="Make a pull request to a GitHub repo">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>How to make a GitHub repo pull request</h2>
diff --git a/README.html b/README.html
index 2e2a709d7c..51075abd3b 100644
--- a/README.html
+++ b/README.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="IOCCC GitHub repo README">
 <meta name="keywords" content="IOCCC, IOCCC GitHub repo README">
+<link rel="canonical" href="https://www.ioccc.org/README.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/README.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="IOCCC GitHub repo README">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>About the IOCCC GitHub repo</h2>
diff --git a/SECURITY.html b/SECURITY.html
index b1947f91c4..51074faf90 100644
--- a/SECURITY.html
+++ b/SECURITY.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="International security policy">
 <meta name="keywords" content="IOCCC, security, security policy">
+<link rel="canonical" href="https://www.ioccc.org/SECURITY.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/SECURITY.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="International security policy">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>IOCCC Security Policy</h2>
diff --git a/about.html b/about.html
index 6782ca560a..e991e2ba42 100644
--- a/about.html
+++ b/about.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="What is the IOCCC?">
 <meta name="keywords" content="IOCCC, International, Obfuscated, C, c, IOCCC, ioccc, obfuscated, Obfuscate, obfuscate, Landon Curt Noll, chongo, Leonid A. Broukhis, leob">
+<link rel="canonical" href="https://www.ioccc.org/about.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/about.html">
+<meta property="og:title" content="About the International Obfuscated C Code Contest">
+<meta property="og:description" content="What is the IOCCC?">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>About the IOCCC</h2>
diff --git a/archive/historic/index.html b/archive/historic/index.html
index 9548d7ffd7..f63a8b1039 100644
--- a/archive/historic/index.html
+++ b/archive/historic/index.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../../favicon.ico">
 <meta name="description" content="Historic archive of IOCCC winning entries">
 <meta name="keywords" content="IOCCC, archive, historic, historic archive, IOCCC archive">
+<link rel="canonical" href="https://www.ioccc.org/archive/historic/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/archive/historic/index.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="Historic archive of IOCCC winning entries">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../../2011/zucker/index.html">
       <img src="../../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../../png/ioccc.png 400w, ../../png/ioccc-600.png 600w, ../../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>Historic archive of IOCCC winning entries</h2>
diff --git a/author/index.html b/author/index.html
index 38ab81d840..fe85102895 100644
--- a/author/index.html
+++ b/author/index.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../favicon.ico">
 <meta name="description" content="Winning IOCCC Author Information">
 <meta name="keywords" content="IOCCC, author_handle, author handle, winning author">
+<link rel="canonical" href="https://www.ioccc.org/author/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/author/index.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="Winning IOCCC Author Information">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../2011/zucker/index.html">
       <img src="../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../png/ioccc.png 400w, ../png/ioccc-600.png 600w, ../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>Winning author information directory</h2>
diff --git a/authors.html b/authors.html
index 4003713188..b86172adc6 100644
--- a/authors.html
+++ b/authors.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="IOCCC Authors and their winning entries">
 <meta name="keywords" content="IOCCC, entry, entries, Winning entries by author">
+<link rel="canonical" href="https://www.ioccc.org/authors.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/authors.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="IOCCC Authors and their winning entries">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>Authors of winning IOCCC entries</h2>
diff --git a/bin/index.html b/bin/index.html
index 7fa1daf041..8e5bd25b7c 100644
--- a/bin/index.html
+++ b/bin/index.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../favicon.ico">
 <meta name="description" content="Tools used to build and maintain the IOCCC website">
 <meta name="keywords" content="IOCCC, tools, website tools, bin">
+<link rel="canonical" href="https://www.ioccc.org/bin/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/bin/index.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="Tools used to build and maintain the IOCCC website">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../2011/zucker/index.html">
       <img src="../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../png/ioccc.png 400w, ../png/ioccc-600.png 600w, ../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>IOCCC tools used build and maintain the IOCCC website</h2>
diff --git a/bin/subst.default.sh b/bin/subst.default.sh
index 75071b12ee..352f16bf32 100755
--- a/bin/subst.default.sh
+++ b/bin/subst.default.sh
@@ -325,6 +325,22 @@ echo "-s"
 echo "NEXT_YEAR=$NEXT_YEAR"
 
 
+# output site metadata
+#
+echo "-s"
+echo "OG_TYPE=website"
+echo "-s"
+echo "OG_IMAGE=$SITE_URL/png/ioccc-card-1280.png"
+echo "-s"
+echo "OG_IMAGE_WIDTH=1280"
+echo "-s"
+echo "OG_IMAGE_HEIGHT=720"
+echo "-s"
+echo "OG_IMAGE_ALT=The International Obfuscated C Code Contest"
+echo "-s"
+echo "CANONICAL_URL=$URL"
+
+
 # All Done!!! All Done!!! -- Jessica Noll, Age 2
 #
 exit 0
diff --git a/bin/subst.entry-index.sh b/bin/subst.entry-index.sh
index 65ee85ab05..9185546028 100755
--- a/bin/subst.entry-index.sh
+++ b/bin/subst.entry-index.sh
@@ -332,6 +332,66 @@ function output_abstract
 }
 
 
+# Write the video ID of the first YouTube link in the README to standard output (stdout)
+# This is used for thumbnail images, so videos we know don't have one are ignored
+#
+# usage:
+#       output_youtube_img_id YYYY/dir/README.md
+#
+# returns:
+#       0 ==> no errors detected, but output may be empty
+#     > 0 ==> function error number
+#
+function output_youtube_img_id
+{
+    local README_PATH; # YYYY/dir/README.md
+    local VIDEO_ID;    # Extracted video ID (if it exists)
+
+    # Video IDs for which YouTube has no maxresdefault.jpg
+    # This should only be old videos
+    #
+    local NO_MAXRES_ID_SET=(
+      "xTseqWCtAUA"           # 2004/vik1
+      "-ga41edXw3A"           # 2011/eastman
+    )
+
+    # parse args
+    #
+    if [[ $# -ne 1 ]]; then
+        echo "$0: ERROR: in output_youtube_img_id: expected 1 arg, found $#" 1>&2
+        return 1
+    fi
+    README_PATH="$1"
+    if [[ ! -e $README_PATH ]]; then
+        echo "$0: ERROR: in output_youtube_img_id: README.md does not exist: $README_PATH" 1>&2
+        return 2
+    fi
+    if [[ ! -f $README_PATH ]]; then
+        echo "$0: ERROR: in output_youtube_img_id: README.md is not a file: $README_PATH" 1>&2
+        return 3
+    fi
+    if [[ ! -r $README_PATH ]]; then
+        echo "$0: ERROR: in output_youtube_img_id: README.md is not a readable file: $README_PATH" 1>&2
+        return 4
+    fi
+
+    VIDEO_ID=$(grep -o -E -m 1 \
+      -e 'youtube\.com/(watch\?v=|live/|embed/)[A-Za-z0-9_-]{11}' \
+      -e 'youtu\.be/[A-Za-z0-9_-]{11}' "$README_PATH" 2>/dev/null |
+      head -1 | grep -o -E '[A-Za-z0-9_-]{11}$')
+
+    local ID
+    for ID in "${NO_MAXRES_ID_SET[@]}"; do
+        if [[ $VIDEO_ID == "$ID" ]]; then
+            return 0
+        fi
+    done
+
+    printf '%s\n' "$VIDEO_ID"
+    return 0
+}
+
+
 # setup
 #
 export NOOP=
@@ -709,7 +769,7 @@ echo "TITLE=$YYYY_DIR - $AWARD"
 # output DESCRIPTION substitution
 #
 echo "-s"
-echo "DESCRIPTION=$YEAR_DIR IOCCC entry $ENTRY_DIR - $AWARD"
+echo "DESCRIPTION=${ABSTRACT%.}. $YEAR_DIR IOCCC entry $ENTRY_DIR - $AWARD"
 
 
 # output KEYWORDS substitution
@@ -780,6 +840,30 @@ echo "-s"
 echo "YEAR=$YEAR_DIR"
 
 
+# output metadata
+#
+echo "-s"
+echo "OG_TYPE=article"
+
+YOUTUBE_ID=$(output_youtube_img_id "$YYYY_DIR/README.md")
+status="$?"
+if [[ $status -ne 0 ]]; then
+    echo "$0: ERROR: output_youtube_img_id failed, error: $status" 1>&2
+    exit 1
+fi
+
+if [[ -n $YOUTUBE_ID ]]; then
+    echo "-s"
+    echo "OG_IMAGE=https://i.ytimg.com/vi/$YOUTUBE_ID/maxresdefault.jpg"
+    echo "-s"
+    echo "OG_IMAGE_WIDTH=1280"
+    echo "-s"
+    echo "OG_IMAGE_HEIGHT=720"
+    echo "-s"
+    echo "OG_IMAGE_ALT=Video of IOCCC entry $YYYY_DIR"
+fi
+
+
 # All Done!!! All Done!!! -- Jessica Noll, Age 2
 #
 exit 0
diff --git a/bugs.html b/bugs.html
index b804fc1328..a6f12e2b08 100644
--- a/bugs.html
+++ b/bugs.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="Bugs and (mis)features of IOCCC entries">
 <meta name="keywords" content="IOCCC, Bugs and (mis)features, bugs, features, misfeatures, mis-features">
+<link rel="canonical" href="https://www.ioccc.org/bugs.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/bugs.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="Bugs and (mis)features of IOCCC entries">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>IOCCC entry Bugs and (mis)features</h2>
diff --git a/contact.html b/contact.html
index 46adc475e9..621a372eea 100644
--- a/contact.html
+++ b/contact.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="Contacting the IOCCC Judges">
 <meta name="keywords" content="IOCCC, contact, Contacting the IOCCC Judges">
+<link rel="canonical" href="https://www.ioccc.org/contact.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/contact.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="Contacting the IOCCC Judges">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>How to contact the IOCCC</h2>
diff --git a/faq.html b/faq.html
index 705a53e44e..8030143a97 100644
--- a/faq.html
+++ b/faq.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="IOCCC FAQ">
 <meta name="keywords" content="IOCCC, FAQ, questions, answers, Frequently Asked Questions">
+<link rel="canonical" href="https://www.ioccc.org/faq.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/faq.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="IOCCC FAQ">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>Frequently Asked Questions</h2>
diff --git a/inc/head.default.html b/inc/head.default.html
index ba486e40fa..a045fcd6cd 100644
--- a/inc/head.default.html
+++ b/inc/head.default.html
@@ -9,6 +9,17 @@
 <link rel="icon" type="image/x-icon" href="%%DOCROOT_SLASH%%favicon.ico">
 <meta name="description" content="%%DESCRIPTION%%">
 <meta name="keywords" content="%%KEYWORDS%%">
+<link rel="canonical" href="%%CANONICAL_URL%%">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="%%OG_TYPE%%">
+<meta property="og:url" content="%%CANONICAL_URL%%">
+<meta property="og:title" content="%%TITLE%%">
+<meta property="og:description" content="%%DESCRIPTION%%">
+<meta property="og:image" content="%%OG_IMAGE%%">
+<meta property="og:image:width" content="%%OG_IMAGE_WIDTH%%">
+<meta property="og:image:height" content="%%OG_IMAGE_HEIGHT%%">
+<meta property="og:image:alt" content="%%OG_IMAGE_ALT%%">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
diff --git a/inc/header.default.html b/inc/header.default.html
index 655d993705..7b5d4da04d 100644
--- a/inc/header.default.html
+++ b/inc/header.default.html
@@ -4,8 +4,11 @@
   <a href="%%DOCROOT_SLASH%%2011/zucker/index.html">
       <img src="%%DOCROOT_SLASH%%png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="%%DOCROOT_SLASH%%png/ioccc.png 400w, %%DOCROOT_SLASH%%png/ioccc-600.png 600w, %%DOCROOT_SLASH%%png/ioccc-900.png 900w"
+      >
   </a>
   <h1>%%HEADER_1%%</h1>
   <h2>%%HEADER_2%%</h2>
diff --git a/inc/header.no-header-2.html b/inc/header.no-header-2.html
index 0c6682c23f..012465e7b8 100644
--- a/inc/header.no-header-2.html
+++ b/inc/header.no-header-2.html
@@ -4,8 +4,11 @@
   <a href="%%DOCROOT_SLASH%%2011/zucker/index.html">
       <img src="%%DOCROOT_SLASH%%png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="%%DOCROOT_SLASH%%png/ioccc.png 400w, %%DOCROOT_SLASH%%png/ioccc-600.png 600w, %%DOCROOT_SLASH%%png/ioccc-900.png 900w"
+      >
   </a>
   <h1>%%HEADER_1%%</h1>
 </div>
diff --git a/inc/header.with-header-3.html b/inc/header.with-header-3.html
index 71b1437c2c..7c57eecea7 100644
--- a/inc/header.with-header-3.html
+++ b/inc/header.with-header-3.html
@@ -4,8 +4,11 @@
   <a href="%%DOCROOT_SLASH%%2011/zucker/index.html">
       <img src="%%DOCROOT_SLASH%%png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="%%DOCROOT_SLASH%%png/ioccc.png 400w, %%DOCROOT_SLASH%%png/ioccc-600.png 600w, %%DOCROOT_SLASH%%png/ioccc-900.png 900w"
+      >
   </a>
   <h1>%%HEADER_1%%</h1>
   <h2>%%HEADER_2%%</h2>
diff --git a/inc/index.html b/inc/index.html
index 4b799e00b8..47bc87429e 100644
--- a/inc/index.html
+++ b/inc/index.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../favicon.ico">
 <meta name="description" content="IOCCC inc files">
 <meta name="keywords" content="IOCCC, inc, include files">
+<link rel="canonical" href="https://www.ioccc.org/inc/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/inc/index.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="IOCCC inc files">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../2011/zucker/index.html">
       <img src="../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../png/ioccc.png 400w, ../png/ioccc-600.png 600w, ../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>Content used by bin tools to help form HTML files</h2>
diff --git a/index.html b/index.html
index 96aa25a507..700ee67c96 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="International Obfuscated C Code Contest">
 <meta name="keywords" content="IOCCC, International, Obfuscated, C, c, IOCCC, ioccc, obfuscated, Obfuscate, obfuscate, Landon Curt Noll, chongo, Leonid A. Broukhis, leob">
+<link rel="canonical" href="https://www.ioccc.org/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/index.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="International Obfuscated C Code Contest">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
 </div>
diff --git a/ioccc.css b/ioccc.css
index d860a0770e..47aaa146af 100644
--- a/ioccc.css
+++ b/ioccc.css
@@ -676,6 +676,11 @@ transition: all .3s ease;
     font-size: 1.5em;
 }
 
+.header img {
+    width: 20%;
+    min-width: 400px;
+}
+
 /* Top navigation bar ============================================================================ */
 
 /* Style the top navigation bar */
diff --git a/judges.html b/judges.html
index d0f4736cf2..e28c23af26 100644
--- a/judges.html
+++ b/judges.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="IOCCC FAQ">
 <meta name="keywords" content="IOCCC, FAQ, questions, answers, Frequently Asked Questions">
+<link rel="canonical" href="https://www.ioccc.org/judges.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/judges.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="IOCCC FAQ">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>The Judges of the IOCCC</h2>
diff --git a/license.html b/license.html
index 5c4b84b427..650c9b3a12 100644
--- a/license.html
+++ b/license.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="Highlights of some of the key features and terms of the CC BY-SA 4.0 license">
 <meta name="keywords" content="IOCCC, CC BY-SA 4.0 license, license">
+<link rel="canonical" href="https://www.ioccc.org/license.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/license.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="Highlights of some of the key features and terms of the CC BY-SA 4.0 license">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>About the CC BY-SA 4.0 license</h2>
diff --git a/location.html b/location.html
index e969661103..bcdc0ca33a 100644
--- a/location.html
+++ b/location.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="Location of winning authors">
 <meta name="keywords" content="IOCCC, IOCCC author by location, IOCCC author by country">
+<link rel="canonical" href="https://www.ioccc.org/location.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/location.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="Location of winning authors">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>Location of winning authors</h2>
diff --git a/markdown.html b/markdown.html
index 78f7de0fc6..6d9d386d6b 100644
--- a/markdown.html
+++ b/markdown.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="IOCCC markdown guidelines">
 <meta name="keywords" content="IOCCC, markdown">
+<link rel="canonical" href="https://www.ioccc.org/markdown.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/markdown.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="IOCCC markdown guidelines">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>IOCCC markdown guidelines</h2>
diff --git a/news.html b/news.html
index 48699a2936..f68bdcfc4b 100644
--- a/news.html
+++ b/news.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="News and notices of the IOCCC">
 <meta name="keywords" content="IOCCC, IOCCC news, news">
+<link rel="canonical" href="https://www.ioccc.org/news.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/news.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="News and notices of the IOCCC">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>IOCCC News</h2>
diff --git a/next/guidelines.html b/next/guidelines.html
index 26db03da16..d8a7d452bb 100644
--- a/next/guidelines.html
+++ b/next/guidelines.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../favicon.ico">
 <meta name="description" content="IOCCC Guidelines">
 <meta name="keywords" content="IOCCC, guidelines, Guidelines">
+<link rel="canonical" href="https://www.ioccc.org/next/guidelines.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/next/guidelines.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="IOCCC Guidelines">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../2011/zucker/index.html">
       <img src="../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../png/ioccc.png 400w, ../png/ioccc-600.png 600w, ../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>IOCCC Guidelines</h2>
diff --git a/next/index.html b/next/index.html
index 3084479275..d544e7a3b9 100644
--- a/next/index.html
+++ b/next/index.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../favicon.ico">
 <meta name="description" content="IOCCC Rules and Guidelines">
 <meta name="keywords" content="IOCCC, rules, Rules, guidelines, Guidelines">
+<link rel="canonical" href="https://www.ioccc.org/next/index.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/next/index.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="IOCCC Rules and Guidelines">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../2011/zucker/index.html">
       <img src="../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../png/ioccc.png 400w, ../png/ioccc-600.png 600w, ../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>IOCCC Rules and Guidelines</h2>
diff --git a/next/pw-change.html b/next/pw-change.html
index 6d35bec652..ca18a662c2 100644
--- a/next/pw-change.html
+++ b/next/pw-change.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../favicon.ico">
 <meta name="description" content="Change your submit server initial password">
 <meta name="keywords" content="IOCCC, password, initial password, change initial password">
+<link rel="canonical" href="https://www.ioccc.org/next/pw-change.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/next/pw-change.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="Change your submit server initial password">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../2011/zucker/index.html">
       <img src="../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../png/ioccc.png 400w, ../png/ioccc-600.png 600w, ../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>How to change your submit server initial password</h2>
diff --git a/next/register.html b/next/register.html
index 01a67e24bd..93ebe4aefe 100644
--- a/next/register.html
+++ b/next/register.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../favicon.ico">
 <meta name="description" content="How to register for the IOCCC">
 <meta name="keywords" content="IOCCC, register, registration">
+<link rel="canonical" href="https://www.ioccc.org/next/register.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/next/register.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="How to register for the IOCCC">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../2011/zucker/index.html">
       <img src="../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../png/ioccc.png 400w, ../png/ioccc-600.png 600w, ../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>How to register for the IOCCC</h2>
diff --git a/next/remarks.html b/next/remarks.html
index 76fb38b9f7..b80e8c8953 100644
--- a/next/remarks.html
+++ b/next/remarks.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../favicon.ico">
 <meta name="description" content="Instructions for remarks.md">
 <meta name="keywords" content="IOCCC, remarks">
+<link rel="canonical" href="https://www.ioccc.org/next/remarks.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/next/remarks.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="Instructions for remarks.md">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../2011/zucker/index.html">
       <img src="../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../png/ioccc.png 400w, ../png/ioccc-600.png 600w, ../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>How to write your remarks.md</h2>
diff --git a/next/rules.html b/next/rules.html
index d10ce44e4f..7010a0d290 100644
--- a/next/rules.html
+++ b/next/rules.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../favicon.ico">
 <meta name="description" content="IOCCC Rules">
 <meta name="keywords" content="IOCCC, rules, Rules">
+<link rel="canonical" href="https://www.ioccc.org/next/rules.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/next/rules.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="IOCCC Rules">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../2011/zucker/index.html">
       <img src="../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../png/ioccc.png 400w, ../png/ioccc-600.png 600w, ../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>IOCCC Rules</h2>
diff --git a/next/submit.html b/next/submit.html
index df1c8428ba..d5bec9067d 100644
--- a/next/submit.html
+++ b/next/submit.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="../favicon.ico">
 <meta name="description" content="How to upload your submission to the IOCCC submit server">
 <meta name="keywords" content="IOCCC, submit, submission, submit server">
+<link rel="canonical" href="https://www.ioccc.org/next/submit.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/next/submit.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="How to upload your submission to the IOCCC submit server">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="../2011/zucker/index.html">
       <img src="../png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="../png/ioccc.png 400w, ../png/ioccc-600.png 600w, ../png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>How to upload your submission to the IOCCC submit server</h2>
diff --git a/nojs-menu.html b/nojs-menu.html
index 2076c07b83..db05a8d4cc 100644
--- a/nojs-menu.html
+++ b/nojs-menu.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="Menu for when JavaScript is disabled">
 <meta name="keywords" content="IOCCC, JavaScript, no-JavaScript, menu">
+<link rel="canonical" href="https://www.ioccc.org/nojs-menu.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/nojs-menu.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="Menu for when JavaScript is disabled">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>JavaScript is disabled</h2>
diff --git a/png/ioccc-600.png b/png/ioccc-600.png
new file mode 100644
index 0000000000..d52e79a25d
Binary files /dev/null and b/png/ioccc-600.png differ
diff --git a/png/ioccc-900.png b/png/ioccc-900.png
new file mode 100644
index 0000000000..162ffd5c59
Binary files /dev/null and b/png/ioccc-900.png differ
diff --git a/png/ioccc-card-1280.png b/png/ioccc-card-1280.png
new file mode 100644
index 0000000000..8babbed159
Binary files /dev/null and b/png/ioccc-card-1280.png differ
diff --git a/png/ioccc.png b/png/ioccc.png
index 5b3bd1b03e..52ca536dda 100644
Binary files a/png/ioccc.png and b/png/ioccc.png differ
diff --git a/quick-start.html b/quick-start.html
index b6f146a5b2..0c4d7a0963 100644
--- a/quick-start.html
+++ b/quick-start.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="IOCCC FAQ">
 <meta name="keywords" content="IOCCC, entering, Entering the IOCCC, enter">
+<link rel="canonical" href="https://www.ioccc.org/quick-start.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/quick-start.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="IOCCC FAQ">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>Entering the IOCCC: the bare minimum you need to know</h2>
diff --git a/social.html b/social.html
index 5d163083ab..232d7a45c5 100644
--- a/social.html
+++ b/social.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="IOCCC Social Media">
 <meta name="keywords" content="IOCCC, Social Media, IOCCC Social Media, Patreon, Buy me a coffee, GitHub, Discord, Mastodon, YouTube, Our Favorite Universe">
+<link rel="canonical" href="https://www.ioccc.org/social.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/social.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="IOCCC Social Media">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>IOCCC Social Media</h2>
diff --git a/status.html b/status.html
index d539116fa8..c3c62e1113 100644
--- a/status.html
+++ b/status.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="IOCCC status">
 <meta name="keywords" content="IOCCC, status, contest_status, news_update, status_update">
+<link rel="canonical" href="https://www.ioccc.org/status.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/status.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="IOCCC status">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -25,14 +36,14 @@
 <!-- END: this line ends content from: inc/head.default.html -->
 
 <!-- -->
-<!-- This web page was formed via the tool: bin/gen-status.sh -->
-<!-- The main section of this web page came from JSON and other data files -->
+<!-- This web page was formed via the tool: bin/gen-top-html.sh -->
+<!-- The content of main section of this web page came from: status.md -->
 <!-- -->
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
-<!-- The main section of this web page was generated via the tool: bin/gen-status.sh -->
-<!-- The main section of this web page was generated via the tool: bin/gen-status.sh -->
-<!-- The main section of this web page was generated via the tool: bin/gen-status.sh -->
+<!-- !!! Do not modify this web page, instead modify the file: status.md !!! -->
+<!-- !!! Do not modify this web page, instead modify the file: status.md !!! -->
+<!-- !!! Do not modify this web page, instead modify the file: status.md !!! -->
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
 
 <!-- Markdown content was converted into HTML via the tool: bin/md2html.sh -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>Current status of the IOCCC</h2>
diff --git a/thanks-for-help.html b/thanks-for-help.html
index 5b2e92f9a7..0122645dda 100644
--- a/thanks-for-help.html
+++ b/thanks-for-help.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="Thanks for all the fixes of IOCCC winning entries">
 <meta name="keywords" content="IOCCC, thanks, thanx, thank you, ta">
+<link rel="canonical" href="https://www.ioccc.org/thanks-for-help.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/thanks-for-help.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="Thanks for all the fixes of IOCCC winning entries">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>Thanking people for their help</h2>
diff --git a/years.html b/years.html
index 92fc0611c4..c74bf141e5 100644
--- a/years.html
+++ b/years.html
@@ -14,6 +14,17 @@
 <link rel="icon" type="image/x-icon" href="./favicon.ico">
 <meta name="description" content="IOCCC Winning Entries by Year">
 <meta name="keywords" content="IOCCC, entry, entries, IOCCC Winning Entries by Year, download IOCCC entry source, IOCCC entry source">
+<link rel="canonical" href="https://www.ioccc.org/years.html">
+<meta property="og:site_name" content="IOCCC">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://www.ioccc.org/years.html">
+<meta property="og:title" content="The International Obfuscated C Code Contest">
+<meta property="og:description" content="IOCCC Winning Entries by Year">
+<meta property="og:image" content="https://www.ioccc.org/png/ioccc-card-1280.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="720">
+<meta property="og:image:alt" content="The International Obfuscated C Code Contest">
+<meta name="twitter:card" content="summary_large_image">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -429,8 +440,11 @@
   <a href="./2011/zucker/index.html">
       <img src="./png/ioccc.png"
 	   alt="IOCCC image by Matt Zucker"
-	   width=300
-	   height=110>
+	   width=400
+	   height=147
+       sizes="(max-width: 2000px) 400px, 20vw"
+       srcset="./png/ioccc.png 400w, ./png/ioccc-600.png 600w, ./png/ioccc-900.png 900w"
+      >
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
   <h2>IOCCC Winning Entries by Year</h2>