Spaces:
Running on Zero
Running on Zero
Update app.py
Browse files
app.py
CHANGED
|
@@ -550,12 +550,28 @@ label, .tab-nav button {
|
|
| 550 |
}
|
| 551 |
p, .prose, .markdown-body { color: #4F8B91 !important; }
|
| 552 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 553 |
/* Cards / surfaces — warm near-white, popping against the butter page background */
|
| 554 |
.gr-panel, .gr-box, .gr-form, .tabitem, .block,
|
| 555 |
div[class*="svelte"].block, .form, .wrap.svelte-1ipelgc {
|
| 556 |
background: #FFFDF6 !important;
|
| 557 |
border: 1px solid #F2CE8A !important;
|
| 558 |
-
border-radius:
|
| 559 |
}
|
| 560 |
|
| 561 |
/* Force every input / upload / textbox surface off pure white */
|
|
@@ -565,6 +581,7 @@ input, textarea, select,
|
|
| 565 |
background: #FFFDF6 !important;
|
| 566 |
color: #1F6F78 !important;
|
| 567 |
border-color: #F2CE8A !important;
|
|
|
|
| 568 |
}
|
| 569 |
|
| 570 |
/* Markdown / table content inside panels */
|
|
@@ -581,7 +598,7 @@ code { background: #FFE9A8 !important; color: #1F6F78 !important; }
|
|
| 581 |
color: #FFFFFF !important;
|
| 582 |
font-weight: 700;
|
| 583 |
letter-spacing: 0.01em;
|
| 584 |
-
border-radius:
|
| 585 |
min-height: 48px;
|
| 586 |
transition: background 0.15s ease-in-out;
|
| 587 |
}
|
|
@@ -615,6 +632,7 @@ with gr.Blocks(title="🌊 Marine Soundscape Analyzer", css=CSS,
|
|
| 615 |
primary_hue="orange",
|
| 616 |
secondary_hue="teal",
|
| 617 |
neutral_hue="gray",
|
|
|
|
| 618 |
font=gr.themes.GoogleFont("Nunito Sans"),
|
| 619 |
font_mono=gr.themes.GoogleFont("JetBrains Mono"),
|
| 620 |
).set(
|
|
@@ -650,8 +668,8 @@ with gr.Blocks(title="🌊 Marine Soundscape Analyzer", css=CSS,
|
|
| 650 |
)) as demo:
|
| 651 |
|
| 652 |
gr.Markdown("""
|
| 653 |
-
# 🌊 Marine Soundscape Analyzer
|
| 654 |
-
**
|
| 655 |
|
| 656 |
Upload a hydrophone recording to generate spectrograms, power spectral density, acoustic indices,
|
| 657 |
and a full analysis report — tailored for coral reef soundscape monitoring.
|
|
@@ -704,8 +722,16 @@ Supported formats: **WAV · MP3 · FLAC · OGG · AIFF** · Maximum analysed d
|
|
| 704 |
)
|
| 705 |
|
| 706 |
gr.Markdown("""
|
| 707 |
-
-
|
| 708 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 709 |
""")
|
| 710 |
|
| 711 |
if __name__ == "__main__":
|
|
|
|
| 550 |
}
|
| 551 |
p, .prose, .markdown-body { color: #4F8B91 !important; }
|
| 552 |
|
| 553 |
+
/* Reduce Gradio's default rounded-corner look across every component
|
| 554 |
+
(blocks, inputs, buttons, tabs, dropdowns, audio player, etc.) by
|
| 555 |
+
overriding the underlying CSS radius variables the theme relies on. */
|
| 556 |
+
:root, .gradio-container {
|
| 557 |
+
--radius-xxs: 2px !important;
|
| 558 |
+
--radius-xs: 2px !important;
|
| 559 |
+
--radius-sm: 4px !important;
|
| 560 |
+
--radius-md: 4px !important;
|
| 561 |
+
--radius-lg: 4px !important;
|
| 562 |
+
--block-radius: 4px !important;
|
| 563 |
+
--button-small-radius: 4px !important;
|
| 564 |
+
--button-large-radius: 4px !important;
|
| 565 |
+
--input-radius: 4px !important;
|
| 566 |
+
--table-radius: 4px !important;
|
| 567 |
+
}
|
| 568 |
+
|
| 569 |
/* Cards / surfaces — warm near-white, popping against the butter page background */
|
| 570 |
.gr-panel, .gr-box, .gr-form, .tabitem, .block,
|
| 571 |
div[class*="svelte"].block, .form, .wrap.svelte-1ipelgc {
|
| 572 |
background: #FFFDF6 !important;
|
| 573 |
border: 1px solid #F2CE8A !important;
|
| 574 |
+
border-radius: 4px !important;
|
| 575 |
}
|
| 576 |
|
| 577 |
/* Force every input / upload / textbox surface off pure white */
|
|
|
|
| 581 |
background: #FFFDF6 !important;
|
| 582 |
color: #1F6F78 !important;
|
| 583 |
border-color: #F2CE8A !important;
|
| 584 |
+
border-radius: 4px !important;
|
| 585 |
}
|
| 586 |
|
| 587 |
/* Markdown / table content inside panels */
|
|
|
|
| 598 |
color: #FFFFFF !important;
|
| 599 |
font-weight: 700;
|
| 600 |
letter-spacing: 0.01em;
|
| 601 |
+
border-radius: 4px !important;
|
| 602 |
min-height: 48px;
|
| 603 |
transition: background 0.15s ease-in-out;
|
| 604 |
}
|
|
|
|
| 632 |
primary_hue="orange",
|
| 633 |
secondary_hue="teal",
|
| 634 |
neutral_hue="gray",
|
| 635 |
+
radius_size="sm",
|
| 636 |
font=gr.themes.GoogleFont("Nunito Sans"),
|
| 637 |
font_mono=gr.themes.GoogleFont("JetBrains Mono"),
|
| 638 |
).set(
|
|
|
|
| 668 |
)) as demo:
|
| 669 |
|
| 670 |
gr.Markdown("""
|
| 671 |
+
# 🌊🪸 Marine Soundscape Analyzer
|
| 672 |
+
**Marine Acoustic Analysis Tool**
|
| 673 |
|
| 674 |
Upload a hydrophone recording to generate spectrograms, power spectral density, acoustic indices,
|
| 675 |
and a full analysis report — tailored for coral reef soundscape monitoring.
|
|
|
|
| 722 |
)
|
| 723 |
|
| 724 |
gr.Markdown("""
|
| 725 |
+
<div style="text-align:center;">
|
| 726 |
+
|
| 727 |
+
**🌊 Marine Soundscape Analyzer** · Built for marine bioacoustic research <br/>
|
| 728 |
+
App owner: **Wasurat S. · Sittichart S.**
|
| 729 |
+
|
| 730 |
+
<span style="font-size:0.85em; color:#4F8B91;">
|
| 731 |
+
References: Pieretti et al. 2011 · Boelman et al. 2007 · Kasten et al. 2012 · Villanueva-Rivera et al. 2011 · Sueur et al. 2008
|
| 732 |
+
</span>
|
| 733 |
+
|
| 734 |
+
</div>
|
| 735 |
""")
|
| 736 |
|
| 737 |
if __name__ == "__main__":
|