add badges linking to the official site and the Gogs repo

css/chess.css

@@ -329,6 +329,27 @@ button:disabled .silhouette {
    color: #cccccc;
 }
 
+.badges {
+   position: absolute;
+   bottom: 8px;
+   right: 8px;
+   margin: 0;
+   display: flex;
+   flex-flow: column nowrap;
+   justify-content: flex-end;
+}
+
+.badge {
+   margin: 0;
+}
+
+.badge img {
+   width: 3em;
+   height: 3em;
+   opacity: 33%;
+   margin: 0;
+}
+
 @media only screen and (max-aspect-ratio: 3/2) {
    #content {
       flex-flow: column nowrap;
@@ -346,6 +367,17 @@ button:disabled .silhouette {
       width: 100%;
       max-width: calc(100vw - (8px + 24px));
    }
+
+   .badges {
+      position: static;
+      bottom: auto;
+      right: auto;
+      margin-left: auto;
+      margin-right: 8px;
+      display: flex;
+      flex-flow: row nowrap;
+      justify-content: flex-end;
+   }
 }
 
 img.cb-dk-piece.cb-king   { content: url(../svg/Chess_kdt45.svg); }

index.html

@@ -234,6 +234,11 @@
 				</div>
 			</div>
 
+			<div class="badges">
+				<div class="badge official-badge"><a href="https://pacosako.com/" target="_blank"><img src="png/pacosako-logo.png" alt="Official Site"></a></div>
+				<div class="badge gogs-badge"><a href="https://jessemcdonald.info/gogs/nybble/paco_sako" target="_blank"><img src="png/gogs.png" alt="Gogs Repo"></a></div>
+			</div>
+
 			<div id="cb_hidden" style="display: none">
 				<div id="cb_phantom" class="cb-phantom"></div>