app.py

import gradio as gr

css = """
footer {
    visibility: hidden;
}
"""

def create_home_screen():
    with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css) as home:
        gr.Image("banner.png", show_label=False)
        
        gr.Markdown("# Latest News")
        
        gr.Markdown("## \n")  
        
        # News Item 1
        with gr.Row():
            with gr.Column(scale=1):
                gr.Image("gif.gif", show_label=False)
            with gr.Column(scale=2):
                gr.Markdown("""
                ## [ HuGPU.AI 공지 및 새소식 ]
                🤖 멤버쉽 프로그램 개설: "멤버쉽 프로그램 안내" 메뉴를 참고하세요. \n
                ⚡ 차별화되고 전문적인 'AI 서비스 130여종'을 무제한 사용할 수 있습니다. \n                
                ⚡ 각 서비스들은 대부분 한글 입력(프롬프트)이 지원됩니다. \n             
                🏆 '베스트 오브 베스트'는 자체 개발 독점 서비스 또는 최고 인기 서비스들만 선별하여 제공하는 메뉴\n
                🏆 '... 스페셜'은 인기있는 동일 분야 전문 서비스들만 선별하여 제공하는 메뉴입니다. \n
                🏆 각 메뉴는 '카테고리' 기준으로 구성되어 선별된 세부 서비스들을 제공합니다. \n
                🏆 메뉴 보는법: [T2I]는 Text to Image, [I2I]는 Image to Imager, [T2V]는, Text to Video 등 구분\n                
                🤖  [이메일 문의] [email protected]  \n
                """)
                
        gr.Markdown("## \n")  
        
        # News Item 2
        with gr.Row():
            with gr.Column(scale=1):
                gr.Image("news2.jpg", show_label=False)
            with gr.Column(scale=2):
                gr.Markdown("""
                ## 멤버쉽 프로그램 안내  
                🏆 멤버쉽 프로그램 참여자에게만 접속 계정(권한)이 제공됩니다. \n
                🏆 멤버쉽 프로그램 참여자에게는 'AI 서비스 활용' 교육 프로그램이 제공됩니다. \n
                🏆 멤버쉽 참여자는, 디스코드 서버 https://discord.gg/openfreeai '프라이빗'(Private) 권한 부여\n
                🏆 고성능 NVIDIA H100 X 4ea, A100 X 50ea, L40s X 1ea과 총 130여대의 서버에서 가동중 \n        
                """)

        gr.Markdown("## \n")  
        
        # Discord iframe as another column
        with gr.Row():

            with gr.Column(scale=1):
                gr.HTML("""
                <iframe src="https://discord.com/widget?id=1228254992729767996&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
                """)
                
            with gr.Column(scale=2):
                gr.Markdown("""
                ### 디스코드 서버 참여 
                🤖 디스코드 서버에 참여하면 더욱 다양한 90종 이상의 AI 서비스를 만날 수 있습니다. \n
                🤖 좌측 화면 하단 "Join Discord"를 클릭하세요. \n
                """)
    return home

if __name__ == "__main__":
    home = create_home_screen()
    home.launch()