Merge branch 'html-home' into 'main'

Font update



See merge request !5

@@ -119,12 +119,14 @@ button:hover{
     margin: 23px;
 }
 #output{
+    padding:10px;
     margin:20px;
     display:flex;
-    align-items:center;
+    font-size:20px;
     height:700px;
     background-color:rgba(0,0,0,.87);
     color:var(--text-color);
+    font-family: 'Raleway', 'Noto Serif KR';
 }
 #recordButton{
     line-height: 22px;

@@ -10,6 +10,8 @@
         <script defer src="menu.js"></script>
         <link rel="preconnect" href="https://fonts.gstatic.com">
         <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+KR&family=Raleway:wght@200&display=swap" rel="stylesheet">
         <script defer src="https://cdn.rawgit.com/mattdiamond/Recorderjs/08e7abd9/dist/recorder.js"></script>
         <script defer src="client.js"></script>
         <meta name="description" content="Free and open-source online code editor that allows you to write and execute code from a rich set of languages.">

@@ -33,7 +33,7 @@ function uploadSoundData(blob) {
     let formData = new FormData();
     xhr.onload = function(e) {
         if(this.readyState === 4) {
-            document.getElementById("output").innerHTML += `${cnt++}:  ${JSON.parse(e.target.responseText)}<br>`;
+            document.getElementById("output").innerHTML += `${cnt++}:  ${JSON.parse(e.target.responseText)}<br><br>`;
         }
     };
     formData.append("audio_data", blob, filename);