민병수

Font update

...@@ -119,12 +119,14 @@ button:hover{ ...@@ -119,12 +119,14 @@ button:hover{
119 margin: 23px; 119 margin: 23px;
120 } 120 }
121 #output{ 121 #output{
122 + padding:10px;
122 margin:20px; 123 margin:20px;
123 display:flex; 124 display:flex;
124 - align-items:center; 125 + font-size:20px;
125 height:700px; 126 height:700px;
126 background-color:rgba(0,0,0,.87); 127 background-color:rgba(0,0,0,.87);
127 color:var(--text-color); 128 color:var(--text-color);
129 + font-family: 'Raleway', 'Noto Serif KR';
128 } 130 }
129 #recordButton{ 131 #recordButton{
130 line-height: 22px; 132 line-height: 22px;
......
...@@ -10,6 +10,8 @@ ...@@ -10,6 +10,8 @@
10 <script defer src="menu.js"></script> 10 <script defer src="menu.js"></script>
11 <link rel="preconnect" href="https://fonts.gstatic.com"> 11 <link rel="preconnect" href="https://fonts.gstatic.com">
12 <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap" rel="stylesheet"> 12 <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap" rel="stylesheet">
13 + <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap" rel="stylesheet">
14 + <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+KR&family=Raleway:wght@200&display=swap" rel="stylesheet">
13 <script defer src="https://cdn.rawgit.com/mattdiamond/Recorderjs/08e7abd9/dist/recorder.js"></script> 15 <script defer src="https://cdn.rawgit.com/mattdiamond/Recorderjs/08e7abd9/dist/recorder.js"></script>
14 <script defer src="client.js"></script> 16 <script defer src="client.js"></script>
15 <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."> 17 <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) { ...@@ -33,7 +33,7 @@ function uploadSoundData(blob) {
33 let formData = new FormData(); 33 let formData = new FormData();
34 xhr.onload = function(e) { 34 xhr.onload = function(e) {
35 if(this.readyState === 4) { 35 if(this.readyState === 4) {
36 - document.getElementById("output").innerHTML += `${cnt++}: ${JSON.parse(e.target.responseText)}<br>`; 36 + document.getElementById("output").innerHTML += `${cnt++}: ${JSON.parse(e.target.responseText)}<br><br>`;
37 } 37 }
38 }; 38 };
39 formData.append("audio_data", blob, filename); 39 formData.append("audio_data", blob, filename);
......