Upload app.py

app.py

@@ -6,21 +6,21 @@ def run_basic_code(code):
     with open("temp_program.bas", "w") as f:
         f.write(code)
     
-    # Executa o PCBasic com as opções para:
-    # --exec: executa o código
-    # --ink=green: define a cor do texto como verde
-    # --paper=black: define a cor do fundo como preto
-    # --border=green: define a cor da borda como verde (opcional)
+    # Executa o PCBasic com opções para:
+    # --exec: executar o código,
+    # --ink=green: definir a tinta (texto) como verde,
+    # --paper=black: definir o fundo como preto,
+    # --border=green: definir a borda como verde.
     output = pcbasic.run(
         "temp_program.bas",
         options=["--exec", "--ink=green", "--paper=black", "--border=green"]
     )
     return output
 
-# Configura a página com o Streamlit
+# Configuração da página
 st.set_page_config(page_title="PC-BASIC 2.0 - IBM 5150 Emulator", layout="wide")
 
-# Adiciona CSS personalizado para simular o terminal IBM 5150 com fonte IBM Plex Mono
+# CSS personalizado para unificar a aparência de todos os elementos (cabeçalho, edição e rodapé)
 st.markdown("""
     <style>
     @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
@@ -31,11 +31,26 @@ st.markdown("""
         padding: 10px !important;
         border: 3px solid #00FF00 !important;
         border-radius: 5px !important;
+        margin: 0 !important;
+    }
+    /* Customizar a textarea do Streamlit */
+    .stTextArea textarea {
+        background-color: black !important;
+        color: #00FF00 !important;
+        font-family: 'IBM Plex Mono', monospace !important;
+        border: 3px solid #00FF00 !important;
+        border-radius: 5px !important;
+        padding: 10px !important;
+    }
+    /* Remover espaçamentos extras dos contêineres do Streamlit */
+    .stTextArea, .css-18e3th9, .css-1d391kg {
+        margin: 0 !important;
+        padding: 0 !important;
     }
     </style>
     """, unsafe_allow_html=True)
 
-# Cabeçalho estático simulando o terminal do IBM 5150
+# Cabeçalho do terminal (sem margem inferior)
 st.markdown("""
     <div class="terminal">
     PC-BASIC 2.0<br>
@@ -46,10 +61,10 @@ st.markdown("""
     </div>
     """, unsafe_allow_html=True)
 
-# Área para entrada do código BASIC
+# Área de edição de código com aparência unificada
 code = st.text_area("Digite o código BASIC", height=200, key="code_input")
 
-# Botão para executar o código
+# Botão para executar o código e exibir a saída logo abaixo, sem separação
 if st.button("Executar Código (RUN)"):
     if code:
         result = run_basic_code(code)
@@ -61,9 +76,9 @@ if st.button("Executar Código (RUN)"):
     else:
         st.warning("Por favor, insira um código BASIC para executar.")
 
-# Menu inferior fixo simulando os comandos do terminal
+# Menu inferior fixo, com aparência unificada e sem margem superior
 st.markdown("""
-    <div class="terminal" style="margin-top: 20px;">
+    <div class="terminal" style="margin-top: 0px;">
     1LIST 2RUN 3LOAD 4SAVE 5CONT 6LPT1 7TRON 8TROFF 9NEW 0SYSTEM
     </div>
     """, unsafe_allow_html=True)