Update app.py

app.py

@@ -90,6 +90,42 @@ def generate(
         outputs.append(text)
         yield "".join(outputs)
 
+DESCRIPTION = '''
+<div style="padding: 5px; text-align: left; display: flex; flex-direction: column; align-items: left;">
+   <img src="https://sdgs.bappenas.go.id/repository/assets/bappenas_logo_square.png" style="width: 40%; max-width: 200px; height: auto; opacity: 0.55;  "> 
+   <h2 style="font-size: 28px; margin-bottom: 2px; opacity: 0.55;">AI-Interlinked System/Bappenas GPT</h2>
+</div>
+'''
+
+LICENSE = """
+<p/>
+---
+Dibangun dari Meta Llama 3
+"""
+
+PLACEHOLDER = """
+<div style="padding: 100px; text-align: center; display: flex; flex-direction: column; align-items: center;">
+   <img src="https://cdn3.iconfinder.com/data/icons/human-resources-flat-3/48/150-4096.png" style="width: 1000; max-width: 200px; height: auto; opacity: 0.55;  "> 
+   <h2 style="font-size: 20px; margin-bottom: 2px; opacity: 0.55;">Asisten Virtual Perencana</h2>
+    <p style="font-size: 18px; margin-bottom: 2px; opacity: 0.65;">Silakan mulai tanya...</p>
+</div>
+"""
+
+
+css = """
+h1 {
+  text-align: center;
+  display: block;
+}
+#duplicate-button {
+  margin: auto;
+  color: white;
+  background: #1565c0;
+  border-radius: 100vh;
+}
+"""
+chatbot=gr.Chatbot(height=450, placeholder=PLACEHOLDER, label='Interlinked Sytem ChatInterface')
+
 
 chat_interface = gr.ChatInterface(
     fn=generate,
@@ -140,41 +176,7 @@ chat_interface = gr.ChatInterface(
     ],
 )
 
-DESCRIPTION = '''
-<div style="padding: 5px; text-align: left; display: flex; flex-direction: column; align-items: left;">
-   <img src="https://sdgs.bappenas.go.id/repository/assets/bappenas_logo_square.png" style="width: 40%; max-width: 200px; height: auto; opacity: 0.55;  "> 
-   <h2 style="font-size: 28px; margin-bottom: 2px; opacity: 0.55;">AI-Interlinked System/Bappenas GPT</h2>
-</div>
-'''
-
-LICENSE = """
-<p/>
----
-Dibangun dari Meta Llama 3
-"""
 
-PLACEHOLDER = """
-<div style="padding: 100px; text-align: center; display: flex; flex-direction: column; align-items: center;">
-   <img src="https://cdn3.iconfinder.com/data/icons/human-resources-flat-3/48/150-4096.png" style="width: 1000; max-width: 200px; height: auto; opacity: 0.55;  "> 
-   <h2 style="font-size: 20px; margin-bottom: 2px; opacity: 0.55;">Asisten Virtual Perencana</h2>
-    <p style="font-size: 18px; margin-bottom: 2px; opacity: 0.65;">Silakan mulai tanya...</p>
-</div>
-"""
-
-
-css = """
-h1 {
-  text-align: center;
-  display: block;
-}
-#duplicate-button {
-  margin: auto;
-  color: white;
-  background: #1565c0;
-  border-radius: 100vh;
-}
-"""
-chatbot=gr.Chatbot(height=450, placeholder=PLACEHOLDER, label='Interlinked Sytem ChatInterface')
 
 with gr.Blocks(css=css, fill_height=True) as demo:
     gr.Markdown(DESCRIPTION)