Improve layout and add GitHub link

Peter Blood · Peter Blood · commit 7f8b35c4c31f · 2020-02-12T17:43:03.000-05:00
diff --git a/app.js b/app.js
@@ -297,7 +297,7 @@ function drawAsteroid(asteroid) {
 }
 
 function fontSize(size) {
-    g.font = size + 'px Montserrat, Roboto, sans-serif';
+    g.font = size + 'px monospace, sans-serif';
 }
 
 function drawCenteredText(text, x, y, stroke = false) {
diff --git a/index.html b/index.html
@@ -25,11 +25,40 @@
 
         canvas {
             outline: 1px solid white;
+            margin: auto;
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            left: 0;
+            right: 0;
+        }
+
+        #footer {
+            display: block;
+            position: absolute;
+            left: 0;
+            right: 0;
+            bottom: 5px;
+            text-align: center;
+        }
+
+        a {
+            color: white;
+            text-decoration: none;
+            font-family: monospace;
+            font-size: 1em;
+        }
+
+        a:hover {
+            text-decoration: underline;
         }
     </style>
 </head>
 
 <body>
+    <div id="footer">
+        <a href="https://github.com/Rayzr522/asteroids">Made with <span style="color:salmon">&lt;3</span> by Rayzr</a>
+    </div>
     <div id="game"></div>
     <script type="text/javascript" src="app.js"></script>
 </body>

Original file line number	Diff line number	Diff line change
`@@ -297,7 +297,7 @@ function drawAsteroid(asteroid) {`
`297`	`297`	`}`
`298`	`298`
`299`	`299`	`function fontSize(size) {`
`300`		`- g.font = size + 'px Montserrat, Roboto, sans-serif';`
	`300`	`+ g.font = size + 'px monospace, sans-serif';`
`301`	`301`	`}`
`302`	`302`
`303`	`303`	`function drawCenteredText(text, x, y, stroke = false) {`