import gradio as gr

import folium

with gr.Blocks() as demo:
    gr.Markdown("# 🎉윤정환 강사 입니다!🎉")
    with gr.Tab('소개'):
        gr.Markdown('# 소개 카드🃏')
        gr.Image('1.png')
        gr.Markdown('# 강의 경력📚')
        gr.Markdown('### 강원 SW 미래채움 강릉센터')
        gr.Markdown('- 기간: 23.3.1.~ 현재')
        gr.Markdown('- 대상: 코딩경진대회반 초등,중등')

        gr.Markdown('# 교육 이수🎓')
        gr.Markdown('### 소프트웨어 미래채움강사 양성과정(160H)')
        gr.Markdown('- 이수기간: 2022.12.19.~2023.1.13.')
        gr.Markdown('- 교육기관: 정보통신산업진흥원')

        gr.Markdown('# 자격증💳')
        gr.Markdown('### 소프트웨어 교육강사 3급')
        gr.Markdown('- 취득일자: 2023.11.22.')
        gr.Markdown('- 발급기관: (사) 지역소프트산업발전협회')

        gr.Markdown('### 3D프린터운용기능사')
        gr.Markdown('- 취득일자: 2020.12.24.')
        gr.Markdown('- 발급기관:한국산업인력공단')

        gr.Markdown('### 전기기능사')
        gr.Markdown('- 취득일자: 2021.04.30.')
        gr.Markdown('- 발급기관:한국산업인력공단')

        gr.Markdown('# 기타🎸') # 샾이나 하이픈이 들어가면 줄바꿈 필요 없음
        text1= """
                ### 특허: 3D 출력장치 (3D펜)
                - 출원번호 10-2021-0097782 호
                - [특허링크](https://doi.org/10.8080/1020210097782)


                ### IP 디딤돌 3D 프린팅 아이디어 형상화 책임
                - 주관: 부산지식재산센터
                - 대상: 30명 이상의 예비 창업자
                - 기간: 2020, 2021, 2022 년도
                - 내용: 창업 제품 프로토 타입 3D 출력


                ### 국가사업, 대학산학과제 책임 및 개발
                - 다색 3D펜
                - 플라스틱 재활용 3D프린터
                - IoT 미니 스마트팜
                - IoT 스마트팜 컨테이너 버섯 재배 프로젝트

                """
        gr.Markdown(text1)

        gr.Markdown('# 문의💬')
        gr.Markdown('- 카카오톡ID: jeng2566')
        gr.Markdown('- 이메일: incom2566@naver.com')

    with gr.Tab('미래채움'):
        gr.Markdown("# 위치📌")
        gr.Markdown("강원특별자치도 강릉시 난설헌로 131")
        # 지도
        m = folium.Map(location=[37.790085, 128.907840], zoom_start=13)
        # 마커
        folium.Marker(
            location=[37.790085, 128.907840],
            popup='여기에 표시된 위치',
            icon=folium.Icon(color='blue')
        ).add_to(m)
        gr.HTML(m._repr_html_())

        gr.Markdown("# 360도 영상🥽")
        gr.Markdown('[360 영상](https://www.youtube.com/watch?v=udXSCMdVdYs)')
        gr.HTML(f'<iframe width="300" height="200" src="https://www.youtube.com/embed/udXSCMdVdYs" title="20241216 360도 카메라 강원 메타버스 체험관 3층" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>')


    with gr.Tab('모두코'):
        gr.Image('4.png')
        gr.Markdown('# 홈페이지 (네이버 블로그)')
        gr.Markdown('[이동하기](https://blog.naver.com/socialcodingkids)')
        gr.Markdown('# 강의')
        gr.Markdown("### 원데이 클래스")
        gr.Markdown("- 앱인벤터 ai 이미지 생성 앱")
        gr.Markdown("- 틴커캐드 아기돼지삼형제")
        gr.Markdown("- 손으로 말해요 마이크로비트")
        gr.Markdown("### 강릉교육문화관")
        gr.Markdown("- 노벨엔지니어링 햄스터S")
        gr.Markdown("### 평창 도성초등학교")
        gr.Markdown("- 과학 교과 + 코딩 수업 (엔트리,틴터캐드,앱인벤터)")
        gr.Markdown("### 동해 광희중학교")
        gr.Markdown("- 3D펜, 햄스터S")
        gr.Markdown("### 강릉 성덕초등학교")
        gr.Markdown("- 노벨엔지니어링 엔트리 인공지능")
        gr.Markdown("- 북크리에이터")
        gr.Markdown("### 강릉고등학교")
        gr.Markdown("- 아두이노 스마트 시티 만들기 프로젝트")
        gr.Markdown("### 원주삼육중학교")
        gr.Markdown("- Ai 활용 Kfood 홍보아이돌 만들기")
        gr.Markdown("### 강원 대진중학교")
        gr.Markdown("- (예정)Python 메이커 수업!")

    with gr.Tab('실험중🔨'):

        gr.Markdown('# 음원 파일 플레이어')
        gr.Audio('2.mp3')

        gr.Markdown('# 엔트리')
        gr.HTML(f'<iframe width="300" height="200" src="https://playentry.org/iframe/670fbb2a01074db4d948918f" frameborder="0"></iframe>')

        gr.Markdown('# 유튜브 바로 띄우기')
        gr.HTML(f'<iframe width="300" height="200" src="https://www.youtube.com/embed/DjYHx2L4JCo" title="윤대리_아두이노_블루투스_앱인벤터_센서값_동작모듈_레이블" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>')


        # 카카오톡 브라우저로 실행하면 문제가 생겨서 컷
        #gr.Markdown('# XROO 메타버스')
        #gr.HTML(f'<iframe width="360" height="240" src="https://player.xroo.io/space/5327cc0a227c47d5a99b212362f9c2ea" frameborder="0" allow="autoplay; web-share" allowfullscreen></iframe>')


        gr.Markdown('# 3D모델링 띄우기')
        gr.Model3D('3.glb')

demo.launch()