Update app.py

app.py

@@ -1,41 +1,97 @@
 import gradio as gr
 
-# 각 탭에 표시할 내용
-소개_text = """
-            안녕하세요! 저는 윤정환 강사 입니다.\n
-            저는 강릉에서 활동중인 SW 미래채움 강사 입니다!.\n
-            이 홈페이지는 저의 정보를 제공하고 있습니다.\n
-            """
-경력_text = """
-            現 24년도 강원 SW 미래채움 경진대회반 강사.\n
-            코딩 교육 교구 및 교안 개발 6년.\n
-            """
-활동_text = """
-            강원SW미래채움 강릉센터 초등 중등 경진대회반 코딩 수업 지도.\n
-            국내 코딩 경진대회 입상 지도.\n
-            SW미래채움 수업 공모전 수상 2회.\n
-
-            """
-
-# 각 탭에 사용할 이미지 (예시 이미지 URL)
-소개_image = "https://www.techm.kr/news/photo/202410/131150_172050_2011.jpg"
-경력_image = "https://m.segye.com/content/image/2024/11/03/20241103508533.jpg"
-활동_image = "https://it.chosun.com/news/photo/202410/2023092124993_395774_119.jpg"
+import folium
 
 with gr.Blocks() as demo:
-    gr.Markdown("# 윤정환 홈페이지에 오신 것을 환영합니다!")
+    gr.Markdown("# 🎉윤정환 홈페이지 입니다!🎉")
+    with gr.Tab('소개✨'):
+        gr.Markdown('# 소개 카드🃏')
+        gr.Image('1.png')
+        gr.Markdown('# 강의 경력📚')
+        gr.Markdown('### 강원 SW 미래채움 강릉센터')
+        gr.Markdown('- 기간: 23.3.1.~ 현재')
+        gr.Markdown('- 대상: 코딩경진대회반 초등,중등')
 
-    with gr.Tab("소개"):
-        gr.Image(value=소개_image)
-        gr.Markdown(소개_text)
+        gr.Markdown('# 교육 이수🎓')
+        gr.Markdown('### 소프트웨어 미래채움강사 양성과정(160H)')
+        gr.Markdown('- 이수기간: 2022.12.19.~2023.1.13.')
+        gr.Markdown('- 교육기관: 정보통신산업진흥원')
 
-    with gr.Tab("경력"):
-        gr.Image(value=경력_image)
-        gr.Markdown(경력_text)
+        gr.Markdown('# 자격증💳')
+        gr.Markdown('### 소프트웨어 교육강사 3급')
+        gr.Markdown('- 취득일자: 2023.11.22.')
+        gr.Markdown('- 발급기관: (사) 지역소프트산업발전협회')
 
-    with gr.Tab("활동"):
-        gr.Image(value=활동_image)
-        gr.Markdown(활동_text)
+        gr.Markdown('### 3D프린터운용기능사')
+        gr.Markdown('- 취득일자: 2020.12.24.')
+        gr.Markdown('- 발급기관:한국산업인력공단')
 
-# 웹 페이지 실행
-demo.launch()
+        gr.Markdown('### 소프트웨어 교육강사 3급')
+        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)
+
+
+    with gr.Tab('SW미래채움🏢'):
+        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=-fJNMCHzVZM)')
+        
+    with gr.Tab('모두코👨‍👩‍👧‍👦'):
+        gr.Markdown('# 강의')
+        gr.Markdown("원데이 클래스")
+        gr.Markdown("강릉교육문화관")
+        gr.Markdown("평창 도성초등학교")
+        gr.Markdown("동해 광희중학교")
+        gr.Markdown("강릉 성덕초등학교")
+        gr.Markdown("강릉고등학교")
+        gr.Markdown("원주삼육중학교")
+        gr.Markdown("강원 대진중학교")
+
+    with gr.Tab('실험중🔨'):
+        # 유튜브
+        gr.Markdown('# 유튜브 바로 띄우기')
+        gr.HTML(f'<iframe width="360" height="240" 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>')
+        
+        #XROO
+        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('Copy of Forklift.glb')
+
+demo.launch()