import gradio as gr

import folium

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

        gr.Markdown('### 모두의코딩 협동조합')
        gr.Markdown('- 기간: 23.7.1.~ 현재')
        gr.Markdown('- 대상: 초,중,고,일반인')

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

        gr.Markdown('# 자격증💳')
        gr.Markdown('### COS Coding Specialist 1급')
        gr.Markdown('- 취득일자: 2023.11.25.')
        gr.Markdown('- 발급기관: YBM')

        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('# SW미래채움🌟')
        gr.Image('5.webp')

        gr.Markdown("# 수상🏆")
        gr.Markdown("### 24년")
        gr.Markdown("- SW미래채움 코딩챌린지 원장상 지도")
        gr.Markdown("- 강원 ICT 경진대회 우수상/열정상/기술상 지도")
        gr.Markdown("- 제4회 도깨비 메이커톤 최우수상/우수상 지도 ")
        gr.Markdown("- SW미래채움 수업과정안 공모전 장관상 수상")
        gr.Markdown("### 23년")
        gr.Markdown("- SW미래채움 코딩챌린지 원장상 지도")
        gr.Markdown("- 강원학생SW아이디어공모전 SW아이디어상 지도")
        gr.Markdown("- 하인슈타인 대상/대상/최우수상 지도 ")
        gr.Markdown("- SW미래채움 수업과정안 공모전 원장상 수상")
        gr.Markdown("- 강원진로교육원 드론 프로젝트 수상 지도")
        gr.Markdown("- 강원학생 SW챌린지대회 수상 지도")

        gr.Markdown('# 강의🎓')
        gr.Markdown("### 25년")
        gr.Markdown("- 경진대회C반 (초,중)")
        gr.Markdown("- 속초고 동아리반")
        gr.Markdown("- 관동중 동아리반")
        
        gr.Markdown("### 24년")
        gr.Markdown("- 경진대회B반 (초,중)")
        gr.Markdown("- 속초고 동아리반")
        gr.Markdown("- 양양센터")
        gr.Markdown("- 대관령중")
        gr.Markdown("- 삼척여고")
        gr.Markdown("- 삼일중 (강원)")
        gr.Markdown("- 강릉센터 특강(관동중)")

        gr.Markdown("### 23년")
        gr.Markdown("- 초등경진대회반")
        gr.Markdown("- 관동중")
        gr.Markdown("- 하슬라중")
        gr.Markdown("- 삼척하장초")
        gr.Markdown("- 속초여고")

        gr.Markdown("# 위치📌")
        gr.Markdown("강릉 메타버스 체험관 3층")
        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('[유튜브 링크](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.Markdown('# 모두의코딩 협동조합🤝')
        gr.Image('4.webp')
        
        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 메이커 수업!")

        gr.Markdown("### (예정)정선교육도서관")
        gr.Markdown("- 마이크로비트 인공지능 북크리에이터 햄스터S")

    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()