Hugging Face's logo

Spaces:
udiksh
/
ART_database
Running

App Files Community
udiksh commited on
Commit
43d0f60
·
verified ·
1 Parent(s): a6517e6

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +156 -81
app.py CHANGED
@@ -1721,94 +1721,169 @@ with gr.Blocks() as demo: # Removed css and theme parameters from here (moved t
1721
 
1722
  # ── Institute header ──
1723
  gr.HTML("""
1724
- <div style="background:#ffffff;border-bottom:1px solid #e2e8f0;margin-bottom:4px;
1725
- padding:14px 24px 12px;font-family:system-ui,sans-serif;">
1726
-
1727
- <!-- Top title row -->
1728
- <div style="text-align:center;margin-bottom:12px;">
1729
- <div style="font-size:15px;font-weight:700;color:#166534;letter-spacing:0.02em;margin-bottom:2px;">
1730
- भाकृअनुप-राष्ट्रीय डेरी अनुसंधान संस्थान
1731
- </div>
1732
- <div style="font-size:21px;font-weight:900;color:#1e3a8a;letter-spacing:0.01em;line-height:1.2;">
1733
- ICAR – National Dairy Research Institute
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1734
  </div>
1735
- <div style="font-size:12px;font-weight:500;color:#475569;letter-spacing:0.08em;margin-top:3px;">
1736
- KARNAL, HARYANA
1737
- </div>
1738
- </div>
1739
 
1740
- <!-- Divider -->
1741
- <div style="border-top:2px solid #1e3a8a;margin:0 auto 12px;width:60%;"></div>
1742
-
1743
- <!-- Logo row -->
1744
- <div style="display:flex;align-items:center;justify-content:center;gap:48px;">
1745
-
1746
- <!-- ICAR logo -->
1747
- <div style="text-align:center;">
1748
- <img src="https://icar.org.in/sites/default/files/inline-images/ICAR%20Logo.png"
1749
- onerror="this.style.display='none';this.nextElementSibling.style.display='flex';"
1750
- style="height:80px;width:auto;object-fit:contain;" alt="ICAR Logo"/>
1751
- <!-- SVG fallback: ICAR wheat emblem -->
1752
- <div style="display:none;flex-direction:column;align-items:center;">
1753
- <svg viewBox="0 0 80 90" width="70" height="80" xmlns="http://www.w3.org/2000/svg">
1754
- <circle cx="40" cy="42" r="36" fill="none" stroke="#166534" stroke-width="2.5"/>
1755
- <!-- stem -->
1756
- <line x1="40" y1="78" x2="40" y2="20" stroke="#166534" stroke-width="2"/>
1757
- <!-- left leaves -->
1758
- <ellipse cx="30" cy="55" rx="10" ry="5" fill="#166534" transform="rotate(-30 30 55)"/>
1759
- <ellipse cx="27" cy="43" rx="10" ry="5" fill="#166534" transform="rotate(-25 27 43)"/>
1760
- <!-- right leaves -->
1761
- <ellipse cx="50" cy="55" rx="10" ry="5" fill="#166534" transform="rotate(30 50 55)"/>
1762
- <ellipse cx="53" cy="43" rx="10" ry="5" fill="#166534" transform="rotate(25 53 43)"/>
1763
- <!-- grain top -->
1764
- <ellipse cx="40" cy="24" rx="4" ry="7" fill="#166534"/>
1765
- <ellipse cx="34" cy="27" rx="3.5" ry="6.5" fill="#166534" transform="rotate(-15 34 27)"/>
1766
- <ellipse cx="46" cy="27" rx="3.5" ry="6.5" fill="#166534" transform="rotate(15 46 27)"/>
1767
- </svg>
1768
- <div style="font-size:10px;font-weight:800;color:#166534;letter-spacing:0.12em;margin-top:2px;">ICAR</div>
1769
  </div>
1770
- </div>
1771
-
1772
- <!-- Centre text block -->
1773
- <div style="text-align:center;line-height:1.35;">
1774
- <div style="font-size:11px;font-weight:400;color:#94a3b8;letter-spacing:0.05em;">
 
 
 
1775
  Bioinformatics Data Hub &amp; Analysis Launchpad
1776
  </div>
1777
  </div>
1778
 
1779
- <!-- NDRI logo -->
1780
- <div style="text-align:center;">
1781
- <img src="https://ndri.res.in/images/ndri-logo.png"
1782
- onerror="this.style.display='none';this.nextElementSibling.style.display='flex';"
1783
- style="height:80px;width:auto;object-fit:contain;" alt="NDRI Logo"/>
1784
- <!-- SVG fallback: NDRI gear emblem -->
1785
- <div style="display:none;flex-direction:column;align-items:center;">
1786
- <svg viewBox="0 0 90 90" width="80" height="80" xmlns="http://www.w3.org/2000/svg">
1787
- <!-- outer gear ring -->
1788
- <circle cx="45" cy="45" r="40" fill="none" stroke="#1e3a8a" stroke-width="2.5"
1789
- stroke-dasharray="8 4"/>
1790
- <circle cx="45" cy="45" r="33" fill="none" stroke="#1e3a8a" stroke-width="1.5"/>
1791
- <!-- inner emblem circle -->
1792
- <circle cx="45" cy="45" r="26" fill="#eff6ff" stroke="#1e3a8a" stroke-width="1.5"/>
1793
- <!-- Stylised cow silhouette -->
1794
- <ellipse cx="45" cy="50" rx="13" ry="9" fill="#1e3a8a" opacity="0.15"/>
1795
- <ellipse cx="45" cy="48" rx="11" ry="8" fill="none" stroke="#1e3a8a" stroke-width="1.5"/>
1796
- <!-- head -->
1797
- <circle cx="57" cy="44" r="5" fill="none" stroke="#1e3a8a" stroke-width="1.5"/>
1798
- <!-- legs -->
1799
- <line x1="38" y1="56" x2="36" y2="64" stroke="#1e3a8a" stroke-width="1.5"/>
1800
- <line x1="43" y1="57" x2="42" y2="64" stroke="#1e3a8a" stroke-width="1.5"/>
1801
- <line x1="50" y1="57" x2="50" y2="64" stroke="#1e3a8a" stroke-width="1.5"/>
1802
- <line x1="55" y1="56" x2="57" y2="64" stroke="#1e3a8a" stroke-width="1.5"/>
1803
- <!-- text arc -->
1804
- <text font-size="6" font-family="serif" fill="#1e3a8a" font-weight="bold">
1805
- <textPath href="#ndri-arc">NDRI · KARNAL</textPath>
1806
- </text>
1807
- <defs>
1808
- <path id="ndri-arc" d="M 15,45 A 30,30 0 0,1 75,45"/>
1809
- </defs>
1810
- </svg>
1811
- <div style="font-size:10px;font-weight:800;color:#1e3a8a;letter-spacing:0.12em;margin-top:2px;">NDRI</div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1812
  </div>
1813
  </div>
1814
 
 
1721
 
1722
  # ── Institute header ──
1723
  gr.HTML("""
1724
+ <div style="background:#ffffff;border-bottom:2px solid #1e3a8a;margin-bottom:4px;
1725
+ padding:16px 32px 14px;font-family:'Segoe UI',system-ui,sans-serif;">
1726
+ <div style="display:flex;align-items:center;justify-content:center;gap:40px;">
1727
+
1728
+ <!-- ══ ICAR EMBLEM ══ -->
1729
+ <div style="display:flex;flex-direction:column;align-items:center;flex-shrink:0;">
1730
+ <svg width="90" height="90" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
1731
+ <!-- Outer circle -->
1732
+ <circle cx="100" cy="100" r="95" fill="none" stroke="#1a6b35" stroke-width="5"/>
1733
+ <circle cx="100" cy="100" r="88" fill="none" stroke="#1a6b35" stroke-width="1.5"/>
1734
+
1735
+ <!-- Wheat stalk -->
1736
+ <line x1="100" y1="160" x2="100" y2="50" stroke="#1a6b35" stroke-width="3"/>
1737
+
1738
+ <!-- Grain heads at top (fan of 7 spikelets) -->
1739
+ <ellipse cx="100" cy="42" rx="5" ry="12" fill="#1a6b35"/>
1740
+ <ellipse cx="86" cy="47" rx="4.5" ry="11" fill="#1a6b35" transform="rotate(-18 86 47)"/>
1741
+ <ellipse cx="114" cy="47" rx="4.5" ry="11" fill="#1a6b35" transform="rotate(18 114 47)"/>
1742
+ <ellipse cx="75" cy="57" rx="4" ry="10" fill="#1a6b35" transform="rotate(-35 75 57)"/>
1743
+ <ellipse cx="125" cy="57" rx="4" ry="10" fill="#1a6b35" transform="rotate(35 125 57)"/>
1744
+ <ellipse cx="67" cy="70" rx="3.5" ry="9" fill="#1a6b35" transform="rotate(-50 67 70)"/>
1745
+ <ellipse cx="133" cy="70" rx="3.5" ry="9" fill="#1a6b35" transform="rotate(50 133 70)"/>
1746
+
1747
+ <!-- Small awns/lines on spikelets -->
1748
+ <line x1="100" y1="30" x2="100" y2="22" stroke="#1a6b35" stroke-width="1.5"/>
1749
+ <line x1="86" y1="37" x2="82" y2="29" stroke="#1a6b35" stroke-width="1.5"/>
1750
+ <line x1="114" y1="37" x2="118" y2="29" stroke="#1a6b35" stroke-width="1.5"/>
1751
+ <line x1="75" y1="48" x2="69" y2="41" stroke="#1a6b35" stroke-width="1.5"/>
1752
+ <line x1="125" y1="48" x2="131" y2="41" stroke="#1a6b35" stroke-width="1.5"/>
1753
+
1754
+ <!-- Large broad leaves (middle) -->
1755
+ <path d="M100,95 Q65,80 60,60 Q85,70 100,95Z" fill="#1a6b35"/>
1756
+ <path d="M100,95 Q135,80 140,60 Q115,70 100,95Z" fill="#1a6b35"/>
1757
+
1758
+ <!-- Lower leaves -->
1759
+ <path d="M100,120 Q58,108 52,85 Q82,98 100,120Z" fill="#1a6b35"/>
1760
+ <path d="M100,120 Q142,108 148,85 Q118,98 100,120Z" fill="#1a6b35"/>
1761
+
1762
+ <!-- Root/base -->
1763
+ <path d="M100,155 Q90,148 85,140 Q100,145 100,155Z" fill="#1a6b35"/>
1764
+ <path d="M100,155 Q110,148 115,140 Q100,145 100,155Z" fill="#1a6b35"/>
1765
+
1766
+ <!-- Arc text: भाकृअनुप -->
1767
+ <defs>
1768
+ <path id="icar-bot-arc" d="M 22,110 A 78,78 0 0,0 178,110"/>
1769
+ </defs>
1770
+ <text font-size="13" font-family="serif" fill="#1a6b35" font-weight="bold">
1771
+ <textPath href="#icar-bot-arc" startOffset="12%">भाकृअनुप</textPath>
1772
+ </text>
1773
+ </svg>
1774
+ <div style="font-size:13px;font-weight:900;color:#1a6b35;letter-spacing:0.18em;margin-top:3px;">ICAR</div>
1775
  </div>
 
 
 
 
1776
 
1777
+ <!-- ══ CENTRE TEXT ══ -->
1778
+ <div style="text-align:center;min-width:220px;">
1779
+ <div style="font-size:16px;font-weight:700;color:#1a6b35;letter-spacing:0.01em;margin-bottom:3px;">
1780
+ भाकृअनुप-राष्ट्रीय डेरी अनुसंधान संस्थान
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1781
  </div>
1782
+ <div style="font-size:22px;font-weight:900;color:#1e3a8a;letter-spacing:0.01em;line-height:1.2;margin-bottom:4px;">
1783
+ ICAR – National Dairy Research Institute
1784
+ </div>
1785
+ <div style="font-size:12px;font-weight:600;color:#475569;letter-spacing:0.1em;margin-bottom:6px;">
1786
+ KARNAL, HARYANA
1787
+ </div>
1788
+ <div style="border-top:1.5px solid #1e3a8a;margin:0 auto 6px;width:85%;"></div>
1789
+ <div style="font-size:11px;font-weight:400;color:#94a3b8;letter-spacing:0.04em;">
1790
  Bioinformatics Data Hub &amp; Analysis Launchpad
1791
  </div>
1792
  </div>
1793
 
1794
+ <!-- ══ NDRI EMBLEM ══ -->
1795
+ <div style="display:flex;flex-direction:column;align-items:center;flex-shrink:0;">
1796
+ <svg width="90" height="90" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
1797
+ <!-- Gear outer ring with teeth -->
1798
+ <g fill="#1e3a8a">
1799
+ <!-- 16 gear teeth -->
1800
+ <rect x="96" y="4" width="8" height="16" rx="2" transform="rotate(0 100 100)"/>
1801
+ <rect x="96" y="4" width="8" height="16" rx="2" transform="rotate(22.5 100 100)"/>
1802
+ <rect x="96" y="4" width="8" height="16" rx="2" transform="rotate(45 100 100)"/>
1803
+ <rect x="96" y="4" width="8" height="16" rx="2" transform="rotate(67.5 100 100)"/>
1804
+ <rect x="96" y="4" width="8" height="16" rx="2" transform="rotate(90 100 100)"/>
1805
+ <rect x="96" y="4" width="8" height="16" rx="2" transform="rotate(112.5 100 100)"/>
1806
+ <rect x="96" y="4" width="8" height="16" rx="2" transform="rotate(135 100 100)"/>
1807
+ <rect x="96" y="4" width="8" height="16" rx="2" transform="rotate(157.5 100 100)"/>
1808
+ <rect x="96" y="4" width="8" height="16" rx="2" transform="rotate(180 100 100)"/>
1809
+ <rect x="96" y="4" width="8" height="16" rx="2" transform="rotate(202.5 100 100)"/>
1810
+ <rect x="96" y="4" width="8" height="16" rx="2" transform="rotate(225 100 100)"/>
1811
+ <rect x="96" y="4" width="8" height="16" rx="2" transform="rotate(247.5 100 100)"/>
1812
+ <rect x="96" y="4" width="8" height="16" rx="2" transform="rotate(270 100 100)"/>
1813
+ <rect x="96" y="4" width="8" height="16" rx="2" transform="rotate(292.5 100 100)"/>
1814
+ <rect x="96" y="4" width="8" height="16" rx="2" transform="rotate(315 100 100)"/>
1815
+ <rect x="96" y="4" width="8" height="16" rx="2" transform="rotate(337.5 100 100)"/>
1816
+ </g>
1817
+
1818
+ <!-- Gear base ring -->
1819
+ <circle cx="100" cy="100" r="82" fill="none" stroke="#1e3a8a" stroke-width="5"/>
1820
+ <circle cx="100" cy="100" r="75" fill="#ffffff" stroke="#1e3a8a" stroke-width="1.5"/>
1821
+
1822
+ <!-- Inner decorative ring -->
1823
+ <circle cx="100" cy="100" r="70" fill="none" stroke="#1e3a8a" stroke-width="1"/>
1824
+
1825
+ <!-- Ashoka lion capital (simplified) at top -->
1826
+ <rect x="88" y="25" width="24" height="4" rx="1" fill="#1e3a8a"/>
1827
+ <ellipse cx="100" cy="22" rx="10" ry="4" fill="#1e3a8a"/>
1828
+ <!-- Lions (stylized) -->
1829
+ <ellipse cx="90" cy="32" rx="6" ry="4" fill="#1e3a8a"/>
1830
+ <ellipse cx="110" cy="32" rx="6" ry="4" fill="#1e3a8a"/>
1831
+ <circle cx="87" cy="29" r="3" fill="#1e3a8a"/>
1832
+ <circle cx="113" cy="29" r="3" fill="#1e3a8a"/>
1833
+ <line x1="85" y1="32" x2="83" y2="38" stroke="#1e3a8a" stroke-width="2"/>
1834
+ <line x1="89" y1="33" x2="87" y2="39" stroke="#1e3a8a" stroke-width="2"/>
1835
+ <line x1="111" y1="33" x2="113" y2="39" stroke="#1e3a8a" stroke-width="2"/>
1836
+ <line x1="115" y1="32" x2="117" y2="38" stroke="#1e3a8a" stroke-width="2"/>
1837
+ <!-- Dharma chakra -->
1838
+ <circle cx="100" cy="38" r="4" fill="none" stroke="#1e3a8a" stroke-width="1.5"/>
1839
+ <line x1="100" y1="34" x2="100" y2="42" stroke="#1e3a8a" stroke-width="1"/>
1840
+ <line x1="96" y1="38" x2="104" y2="38" stroke="#1e3a8a" stroke-width="1"/>
1841
+
1842
+ <!-- Cow / buffalo body (centre) -->
1843
+ <!-- Body -->
1844
+ <ellipse cx="100" cy="95" rx="28" ry="18" fill="none" stroke="#1e3a8a" stroke-width="2.5"/>
1845
+ <!-- Head -->
1846
+ <ellipse cx="128" cy="85" rx="13" ry="10" fill="none" stroke="#1e3a8a" stroke-width="2.5"/>
1847
+ <!-- Horns -->
1848
+ <path d="M121,77 Q116,68 122,64" fill="none" stroke="#1e3a8a" stroke-width="2"/>
1849
+ <path d="M134,77 Q139,68 133,64" fill="none" stroke="#1e3a8a" stroke-width="2"/>
1850
+ <!-- Ear -->
1851
+ <ellipse cx="140" cy="86" rx="4" ry="6" fill="none" stroke="#1e3a8a" stroke-width="1.5"/>
1852
+ <!-- Eye -->
1853
+ <circle cx="131" cy="83" r="2" fill="#1e3a8a"/>
1854
+ <!-- Legs -->
1855
+ <line x1="80" y1="112" x2="78" y2="135" stroke="#1e3a8a" stroke-width="2.5"/>
1856
+ <line x1="91" y1="113" x2="90" y2="135" stroke="#1e3a8a" stroke-width="2.5"/>
1857
+ <line x1="109" y1="113" x2="110" y2="135" stroke="#1e3a8a" stroke-width="2.5"/>
1858
+ <line x1="120" y1="112" x2="122" y2="135" stroke="#1e3a8a" stroke-width="2.5"/>
1859
+ <!-- Tail -->
1860
+ <path d="M72,92 Q58,88 60,100 Q62,112 70,108" fill="none" stroke="#1e3a8a" stroke-width="2"/>
1861
+ <!-- Udder -->
1862
+ <ellipse cx="95" cy="112" rx="10" ry="5" fill="none" stroke="#1e3a8a" stroke-width="1.5"/>
1863
+
1864
+ <!-- Arc text top -->
1865
+ <defs>
1866
+ <path id="ndri-top-arc" d="M 35,85 A 68,68 0 0,1 165,85"/>
1867
+ <path id="ndri-bot-arc" d="M 32,115 A 72,72 0 0,0 168,115"/>
1868
+ </defs>
1869
+ <text font-size="10.5" font-family="serif" fill="#1e3a8a" font-weight="bold">
1870
+ <textPath href="#ndri-top-arc" startOffset="5%">राष्ट्रीय डेरी अनुसंधान संस्थान</textPath>
1871
+ </text>
1872
+ <text font-size="10" font-family="serif" fill="#1e3a8a" font-weight="bold">
1873
+ <textPath href="#ndri-bot-arc" startOffset="18%">कर्नाल · हरियाणा</textPath>
1874
+ </text>
1875
+ </svg>
1876
+
1877
+ <!-- ndri wordmark below (italic, with red dot on i) -->
1878
+ <div style="margin-top:2px;display:flex;align-items:baseline;gap:0;">
1879
+ <span style="font-size:22px;font-style:italic;font-weight:900;color:#1e3a8a;
1880
+ font-family:Georgia,serif;letter-spacing:-1px;">ndr</span>
1881
+ <span style="font-size:22px;font-style:italic;font-weight:900;color:#1e3a8a;
1882
+ font-family:Georgia,serif;position:relative;">
1883
+ <span style="color:#1e3a8a;">i</span>
1884
+ <span style="position:absolute;top:-4px;left:2px;width:6px;height:6px;
1885
+ background:#dc2626;border-radius:50%;display:inline-block;"></span>
1886
+ </span>
1887
  </div>
1888
  </div>
1889