From 7250cae9b6bf2f1ba9c14668d60de4f01f6e5f97 Mon Sep 17 00:00:00 2001 From: Claude Date: Mon, 15 Dec 2025 23:20:30 +0000 Subject: [PATCH 1/3] Add beautiful analog clock web application - Real-time analog clock with hour, minute, and second hands - Smooth animations for fluid movement - Beautiful gradient background - Digital time display - Hour and minute markers - Responsive and centered design --- analog-clock.html | 218 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 218 insertions(+) create mode 100644 analog-clock.html diff --git a/analog-clock.html b/analog-clock.html new file mode 100644 index 00000000..f34a4eaf --- /dev/null +++ b/analog-clock.html @@ -0,0 +1,218 @@ + + + + + + 아날로그 시계 + + + +
+
+
+
+
+
+
+
+ + + + From 2a36f46690d7a73eb4a36a6c8bf753724b5c9728 Mon Sep 17 00:00:00 2001 From: Claude Date: Wed, 17 Dec 2025 01:47:05 +0000 Subject: [PATCH 2/3] Add etymology analyzer web application - Analyze English words into prefix, root, and suffix - Show meaning and origin of each component - Display related words with similar roots - Beautiful and intuitive UI - Pre-loaded with common words and examples - Interactive word suggestions --- etymology-analyzer.html | 569 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 569 insertions(+) create mode 100644 etymology-analyzer.html diff --git a/etymology-analyzer.html b/etymology-analyzer.html new file mode 100644 index 00000000..3da5bcf8 --- /dev/null +++ b/etymology-analyzer.html @@ -0,0 +1,569 @@ + + + + + + 영어 단어 어원 분석기 + + + +
+
+

📚 영어 단어 어원 분석기

+

단어의 어근, 접두사, 접미사를 분석하여 어원을 탐구해보세요

+
+ +
+
+ + +
+
+
예시 단어를 클릭해보세요:
+
+ transportation + biology + unhappy + submarine + incredible + psychology + prediction + telephone +
+
+
+ +
+
+ + + + \ No newline at end of file From 7b4bc569f26471d37d7edc0f7a55592f98937415 Mon Sep 17 00:00:00 2001 From: Claude Date: Wed, 17 Dec 2025 02:43:13 +0000 Subject: [PATCH 3/3] Upgrade etymology analyzer with AI integration - Integrate Hugging Face Inference API for real-time word analysis - Support any English word analysis via LLM (Llama 3.2 3B Instruct) - Add API key management with localStorage - Add API connection test functionality - Show loading state during AI analysis - Fallback to local database if API is not configured - Add AI badge to distinguish AI-generated results - Improve error handling with helpful messages - Maintain existing UI design and functionality --- etymology-analyzer.html | 438 ++++++++++++++++++++++++++++++++++++---- 1 file changed, 395 insertions(+), 43 deletions(-) diff --git a/etymology-analyzer.html b/etymology-analyzer.html index 3da5bcf8..09e4141e 100644 --- a/etymology-analyzer.html +++ b/etymology-analyzer.html @@ -275,6 +275,110 @@ color: #555; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } + + .api-settings { + background: white; + padding: 20px; + border-radius: 15px; + box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); + margin-bottom: 20px; + } + + .api-settings h3 { + color: #667eea; + margin-bottom: 15px; + display: flex; + align-items: center; + gap: 10px; + } + + .api-input-group { + display: flex; + gap: 10px; + margin-bottom: 10px; + } + + .api-input-group input { + flex: 1; + padding: 10px 15px; + border: 2px solid #e0e0e0; + border-radius: 8px; + font-size: 0.95em; + } + + .api-input-group button { + padding: 10px 20px; + font-size: 0.95em; + } + + .api-status { + padding: 10px; + border-radius: 8px; + font-size: 0.9em; + margin-top: 10px; + } + + .api-status.success { + background: #d4edda; + color: #155724; + border: 1px solid #c3e6cb; + } + + .api-status.error { + background: #f8d7da; + color: #721c24; + border: 1px solid #f5c6cb; + } + + .api-status.info { + background: #d1ecf1; + color: #0c5460; + border: 1px solid #bee5eb; + } + + .toggle-api { + cursor: pointer; + color: #667eea; + text-decoration: underline; + font-size: 0.9em; + margin-top: 10px; + display: inline-block; + } + + .loading { + display: inline-block; + width: 20px; + height: 20px; + border: 3px solid #f3f3f3; + border-top: 3px solid #667eea; + border-radius: 50%; + animation: spin 1s linear infinite; + } + + @keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } + } + + .loading-container { + display: flex; + align-items: center; + gap: 10px; + padding: 20px; + color: #667eea; + font-weight: bold; + } + + .ai-badge { + display: inline-block; + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + color: white; + padding: 3px 8px; + border-radius: 5px; + font-size: 0.75em; + margin-left: 10px; + font-weight: bold; + } @@ -284,6 +388,24 @@

📚 영어 단어 어원 분석기

단어의 어근, 접두사, 접미사를 분석하여 어원을 탐구해보세요

+ + +
+ ⚙️ AI 분석 설정 (선택사항) +
+
@@ -308,6 +430,178 @@

📚 영어 단어 어원 분석기