민병수

Html-Home connecting judge0

...@@ -15,7 +15,7 @@ a{ ...@@ -15,7 +15,7 @@ a{
15 color:var(--text-color); 15 color:var(--text-color);
16 16
17 } 17 }
18 -.menu{ 18 +.voi_menu{
19 display:flex; 19 display:flex;
20 justify-content:space-between; 20 justify-content:space-between;
21 align-items:center; 21 align-items:center;
...@@ -109,9 +109,9 @@ button:hover{ ...@@ -109,9 +109,9 @@ button:hover{
109 margin: 23px; 109 margin: 23px;
110 } 110 }
111 #output{ 111 #output{
112 - width:50%; 112 + margin:20px;
113 - margin-left:20px;
114 display:flex; 113 display:flex;
114 + align-items:center;
115 border: 3px solid var(--accent-color); 115 border: 3px solid var(--accent-color);
116 height:700px; 116 height:700px;
117 } 117 }
...@@ -123,7 +123,7 @@ button:hover{ ...@@ -123,7 +123,7 @@ button:hover{
123 } 123 }
124 .output_bar{ 124 .output_bar{
125 display:flex; 125 display:flex;
126 - justify-content:space-around; 126 + justify-content:center;
127 color:black; 127 color:black;
128 border: 3px solid var(--accent-color); 128 border: 3px solid var(--accent-color);
129 margin: 20px; 129 margin: 20px;
......
This diff is collapsed. Click to expand it.
...@@ -13,7 +13,7 @@ a{ ...@@ -13,7 +13,7 @@ a{
13 color:var(--text-color); 13 color:var(--text-color);
14 14
15 } 15 }
16 -.menu{ 16 +.voi_menu{
17 display:flex; 17 display:flex;
18 justify-content:space-between; 18 justify-content:space-between;
19 align-items:center; 19 align-items:center;
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
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 </head> 13 </head>
14 <body> 14 <body>
15 - <nav class="menu"> 15 + <nav class="voi_menu">
16 <div class="menu_bar_logo"> 16 <div class="menu_bar_logo">
17 <i class="fas fa-microphone-alt"></i> 17 <i class="fas fa-microphone-alt"></i>
18 <a href="Voico_Home.html">Voicoding</a> 18 <a href="Voico_Home.html">Voicoding</a>
......
...@@ -13,7 +13,7 @@ a{ ...@@ -13,7 +13,7 @@ a{
13 color:var(--text-color); 13 color:var(--text-color);
14 14
15 } 15 }
16 -.menu{ 16 +.voi_menu{
17 display:flex; 17 display:flex;
18 justify-content:space-between; 18 justify-content:space-between;
19 align-items:center; 19 align-items:center;
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
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 </head> 13 </head>
14 <body> 14 <body>
15 - <nav class="menu"> 15 + <nav class="voi_menu">
16 <div class="menu_bar_logo"> 16 <div class="menu_bar_logo">
17 <i class="fas fa-microphone-alt"></i> 17 <i class="fas fa-microphone-alt"></i>
18 <a href="Voico_Home.html">Voicoding</a> 18 <a href="Voico_Home.html">Voicoding</a>
......
...@@ -87,6 +87,7 @@ body { ...@@ -87,6 +87,7 @@ body {
87 } 87 }
88 88
89 #site-content { 89 #site-content {
90 + display:flex;
90 height: calc(100% - 45px - 19px); 91 height: calc(100% - 45px - 19px);
91 } 92 }
92 93
......
...@@ -141,8 +141,8 @@ function localStorageGetItem(key) { ...@@ -141,8 +141,8 @@ function localStorageGetItem(key) {
141 } 141 }
142 142
143 function showMessages() { 143 function showMessages() {
144 - var width = $updates.offset().left - parseFloat($updates.css("padding-left")) - 144 + var width = 100//$updates.offset().left - parseFloat($updates.css("padding-left")) -
145 - $navigationMessage.parent().offset().left - parseFloat($navigationMessage.parent().css("padding-left")) - 5; 145 + //$navigationMessage.parent().offset().left - parseFloat($navigationMessage.parent().css("padding-left")) - 5;
146 146
147 if (width < 200 || messagesData === undefined) { 147 if (width < 200 || messagesData === undefined) {
148 return; 148 return;
...@@ -255,7 +255,7 @@ function getIdFromURI() { ...@@ -255,7 +255,7 @@ function getIdFromURI() {
255 } 255 }
256 256
257 function downloadSource() { 257 function downloadSource() {
258 - var value = parseInt($selectLanguage.val()); 258 + var value = parseInt(71);
259 download(sourceEditor.getValue(), fileNames[value], "text/plain"); 259 download(sourceEditor.getValue(), fileNames[value], "text/plain");
260 } 260 }
261 261
...@@ -308,7 +308,7 @@ function run() { ...@@ -308,7 +308,7 @@ function run() {
308 308
309 var sourceValue = encode(sourceEditor.getValue()); 309 var sourceValue = encode(sourceEditor.getValue());
310 var stdinValue = encode(stdinEditor.getValue()); 310 var stdinValue = encode(stdinEditor.getValue());
311 - var languageId = resolveLanguageId($selectLanguage.val()); 311 + var languageId = resolveLanguageId(71);
312 var compilerOptions = $compilerOptions.val(); 312 var compilerOptions = $compilerOptions.val();
313 var commandLineArguments = $commandLineArguments.val(); 313 var commandLineArguments = $commandLineArguments.val();
314 314
...@@ -393,21 +393,21 @@ function fetchSubmission(submission_token) { ...@@ -393,21 +393,21 @@ function fetchSubmission(submission_token) {
393 393
394 function changeEditorLanguage() { 394 function changeEditorLanguage() {
395 monaco.editor.setModelLanguage(sourceEditor.getModel(), $selectLanguage.find(":selected").attr("mode")); 395 monaco.editor.setModelLanguage(sourceEditor.getModel(), $selectLanguage.find(":selected").attr("mode"));
396 - currentLanguageId = parseInt($selectLanguage.val()); 396 + currentLanguageId = parseInt(71);
397 $(".lm_title")[0].innerText = fileNames[currentLanguageId]; 397 $(".lm_title")[0].innerText = fileNames[currentLanguageId];
398 - apiUrl = resolveApiUrl($selectLanguage.val()); 398 + apiUrl = resolveApiUrl(71);
399 } 399 }
400 400
401 function insertTemplate() { 401 function insertTemplate() {
402 - currentLanguageId = parseInt($selectLanguage.val()); 402 + currentLanguageId = parseInt(71);
403 sourceEditor.setValue(sources[currentLanguageId]); 403 sourceEditor.setValue(sources[currentLanguageId]);
404 changeEditorLanguage(); 404 changeEditorLanguage();
405 } 405 }
406 406
407 function loadRandomLanguage() { 407 function loadRandomLanguage() {
408 // $selectLanguage.dropdown("set selected", values[Math.floor(Math.random() * $selectLanguage[0].length)]); 408 // $selectLanguage.dropdown("set selected", values[Math.floor(Math.random() * $selectLanguage[0].length)]);
409 - $selectLanguage.dropdown("set selected", 71); 409 + //$selectLanguage.dropdown("set selected", 71);
410 - apiUrl = resolveApiUrl($selectLanguage.val()); 410 + apiUrl = resolveApiUrl(71);
411 insertTemplate(); 411 insertTemplate();
412 } 412 }
413 413
...@@ -473,6 +473,7 @@ function updateScreenElements() { ...@@ -473,6 +473,7 @@ function updateScreenElements() {
473 473
474 $(window).resize(function() { 474 $(window).resize(function() {
475 layout.updateSize(); 475 layout.updateSize();
476 + console.log(`${layout.height}, ${layout.width}`);
476 updateScreenElements(); 477 updateScreenElements();
477 showMessages(); 478 showMessages();
478 }); 479 });
...@@ -582,7 +583,7 @@ $(document).ready(function () { ...@@ -582,7 +583,7 @@ $(document).ready(function () {
582 theme: "vs-dark", 583 theme: "vs-dark",
583 scrollBeyondLastLine: true, 584 scrollBeyondLastLine: true,
584 readOnly: state.readOnly, 585 readOnly: state.readOnly,
585 - language: "python", 586 + language: "cpp",
586 minimap: { 587 minimap: {
587 enabled: false 588 enabled: false
588 } 589 }
...@@ -591,7 +592,7 @@ $(document).ready(function () { ...@@ -591,7 +592,7 @@ $(document).ready(function () {
591 changeEditorMode(); 592 changeEditorMode();
592 593
593 sourceEditor.getModel().onDidChangeContent(function (e) { 594 sourceEditor.getModel().onDidChangeContent(function (e) {
594 - currentLanguageId = parseInt($selectLanguage.val()); 595 + currentLanguageId = parseInt(71);
595 isEditorDirty = sourceEditor.getValue() != sources[currentLanguageId]; 596 isEditorDirty = sourceEditor.getValue() != sources[currentLanguageId];
596 }); 597 });
597 598
......