Update app.py

app.py

@@ -14,7 +14,61 @@ main_directory = "https://services.swpc.noaa.gov/"
 sdo_source = "https://sdo.gsfc.nasa.gov/assets/img/browse/"
 sdo_source_format = "https://sdo.gsfc.nasa.gov/assets/img/browse/YEAR/MONTH/DAY/DATE_IDENT_SIZE_TOOL.jpg"
 
-
+html = """
+<div>
+PAGE_LINK
+</div>
+"""
+css="""
+.img_box{
+    display: flex;
+    flex-direction: column;
+    flex-flow: unset;
+    flex-wrap: wrap;
+    justify-content: space-around;
+}
+.img_class{
+    background: #ffffff;
+    max-width: 48%;
+    font-family: monospace;
+    border-top: #9300ff;
+    border-style: inset;
+    margin-top: 5px;
+}
+.img_class_raw{
+    background: #ffffff;
+    width: 100%;
+    font-family: monospace;
+    border-top: #9300ff;
+    border-style: inset;
+    margin-top: 5px;
+    display:flex;
+    flex-direction:column;
+}
+.img_box_soho{
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+.img_class_soho{
+    background: #ffffff;
+    font-family: monospace;
+    border-top: #9300ff;
+    border-style: inset;
+    margin-top: 5px;
+    max-width: 48%;
+}
+.img_class_sdo{
+    background: #ffffff;
+    font-family: monospace;
+    border-top: #9300ff;
+    border-style: inset;
+    margin-top: 5px;
+    max-width: 25%;
+    font-size: small;
+}
+"""
 def load_json(url1="",url2="",url3="",url4="",url5="",url6="",url7="",url8=""):
     get_url=f'{main_directory}{url1}{url2}{url3}{url4}{url5}{url6}{url7}{url8}'
     print(f'{get_url}')