Reword three award titles in 2012

At the request of Landon (after I brought it up as a possibility) I have
reworded the Gold/Silver/Bronze Award titles in 2012 so that the
precious metal is first so it flows a bit better.

Why did I suggest this? Because Precious told me to!

2012/vik/index.html

@@ -10,10 +10,10 @@
 <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap" rel="stylesheet">
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
-<title>2012/vik - Best use of cocoa - Bronze Award</title>
+<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 - Best use of cocoa - Bronze Award">
-<meta name="keywords" content="IOCCC, 2012, IOCCC 2012, IOCCC entry, vik, Best use of cocoa - Bronze Award">
+<meta name="description" content="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">
 </head>
 
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
@@ -363,7 +363,7 @@
 	   height=110>
   </a>
   <h1>The International Obfuscated C Code Contest</h1>
-  <h2>2012/vik - Best use of cocoa - Bronze Award</h2>
+  <h2>2012/vik - Bronze Award - Best use of cocoa</h2>
 </div>
 
 <!-- END: this line ends content from: inc/header.default.html -->