Update app.py

app.py

@@ -11,6 +11,13 @@ import urllib.request
 import uuid
 main_directory = "https://services.swpc.noaa.gov/"
 
+nasa_images=[
+    {"name":"EIT 171A", "source":"https://soho.nascom.nasa.gov/data/realtime/eit_171/512/latest.jpg"},
+    {"name":"EIT 195A", "source":"https://soho.nascom.nasa.gov/data/realtime/eit_195/512/latest.jpg"},
+    {"name":"EIT 284A", "source":"https://soho.nascom.nasa.gov/data/realtime/eit_284/512/latest.jpg"},
+    {"name":"EIT 304A", "source":"https://soho.nascom.nasa.gov/data/realtime/eit_304/512/latest.jpg"},
+]
+
 nasa_soho_gifs=[
     {"name":"EIT 304A", "source":"https://soho.nascom.nasa.gov/data/LATEST/current_eit_304small.gif"},
     {"name":"EIT 195A", "source":"https://soho.nascom.nasa.gov/data/LATEST/current_eit_195small.gif"},
@@ -42,6 +49,8 @@ css="""
     flex-direction: column;
     flex-flow: unset;
     flex-wrap: wrap;
+    justify-content: space-around;
+
 }
 .img_class{
     background: #ffffff;
@@ -112,7 +121,7 @@ def make_tree(url1="",url2="",url3="",url4=""):
         return None
 
 def get_images():
-    html_out=f"<style>{css}</style><div class='img_box'>"
+    html_out=f"<style>{css}</style><div class='img_box'>"    
     get_url=f'{main_directory}images/geospace/'
     feed1 = requests.get(get_url)
     spl = feed1.text.split("href=")
@@ -180,7 +189,7 @@ def make_html(inp_files):
     html_out+='</div>'
     return html_out
 
-def make_nasa_soho():
+def make_nasa_soho_videos():
     html_out=f"<style>{css}</style><div class='img_box_soho'>"
     for ea in nasa_soho_mp4:
         file_name=ea['source']
@@ -192,6 +201,16 @@ def make_nasa_soho():
         #html_out+=f'<div class="img_class_soho"><img src="file={file_name}"></div>'
     html_out+='</div>'
     return html_out
+    
+def make_nasa_soho_images():
+    html_out=f"<style>{css}</style><div class='img_box_soho'>"
+    for ea in nasa_images:
+        file_name=ea['source']
+        html_out+=f'<div class="img_class_soho"><img src="file={file_name}"></div>'
+    html_out+='</div>'
+    html_in = make_nasa_soho_videos()
+    html_out+=html_in
+    return html_out    
 
 def run():
     out=make_tree()
@@ -221,7 +240,7 @@ with gr.Blocks() as app:
             html_nasa=gr.HTML()
 
     ###### NASA Images ##########
-    soho_btn.click(make_nasa_soho,None,html_nasa)
+    soho_btn.click(make_nasa_soho_images,None,html_nasa)
     ###### NOAA Images ##########
     load_btn.click(load_json,[drop1,drop2,drop3,drop4],[html_raw,links])
     anim_btn.click(make_animation,None,[file_out]).then(make_html,file_out,anim_out)