feat: Add KidsAI Explorer - Interactive Educational Assistant
- Interactive web app for children's educational guidance - Multi-language support (English/German) with dynamic switching - AI-powered step-by-step thinking guidance - Modern responsive UI with animations and engaging design - Fallback CSS for offline functionality - Translation system for internationalization
This commit is contained in:
root
126
html/kidsai/fallback.css
Executable file
126
html/kidsai/fallback.css
Executable file
@@ -0,0 +1,126 @@
|
||||
/* Additional fallback styles for better compatibility */
|
||||
|
||||
/* Ensure all buttons look good regardless of icon loading */
|
||||
.ask-btn,
|
||||
.action-btn,
|
||||
.lang-btn {
|
||||
min-height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
/* Fallback button styles */
|
||||
.ask-btn::before {
|
||||
content: "🚀";
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.research::before {
|
||||
content: "🔍";
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.experiment::before {
|
||||
content: "🧪";
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.discuss::before {
|
||||
content: "💬";
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
/* Hide Font Awesome icons if they don't load, show emoji fallbacks */
|
||||
.fas {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fas::before {
|
||||
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", emoji;
|
||||
}
|
||||
|
||||
/* Suggestion card icons with fallback */
|
||||
.suggestion-card[data-question-en*="seasons"] .fas::before,
|
||||
.suggestion-card[data-question-de*="Jahreszeiten"] .fas::before {
|
||||
content: "☀️";
|
||||
}
|
||||
|
||||
.suggestion-card[data-question-en*="birds"] .fas::before,
|
||||
.suggestion-card[data-question-de*="Vögel"] .fas::before {
|
||||
content: "🕊️";
|
||||
}
|
||||
|
||||
.suggestion-card[data-question-en*="water"] .fas::before,
|
||||
.suggestion-card[data-question-de*="Wasser"] .fas::before {
|
||||
content: "💧";
|
||||
}
|
||||
|
||||
.suggestion-card[data-question-en*="computers"] .fas::before,
|
||||
.suggestion-card[data-question-de*="Computer"] .fas::before {
|
||||
content: "💻";
|
||||
}
|
||||
|
||||
.suggestion-card[data-question-en*="dream"] .fas::before,
|
||||
.suggestion-card[data-question-de*="träumen"] .fas::before {
|
||||
content: "🌙";
|
||||
}
|
||||
|
||||
.suggestion-card[data-question-en*="rainbow"] .fas::before,
|
||||
.suggestion-card[data-question-de*="Regenbogen"] .fas::before {
|
||||
content: "🌈";
|
||||
}
|
||||
|
||||
/* Loading animation gears with fallback */
|
||||
.gear::before {
|
||||
content: "⚙️";
|
||||
font-size: inherit;
|
||||
display: inline-block;
|
||||
animation: inherit;
|
||||
}
|
||||
|
||||
/* Ensure good typography fallback */
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, .thinking-step h4, .welcome-section h2, .suggestions-section h3 {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Comic Sans MS", cursive, sans-serif;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* Ensure color consistency */
|
||||
.thinking-step, .welcome-section, .question-section, .suggestions-section, .thinking-section {
|
||||
background: rgba(255, 255, 255, 0.95) !important;
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
/* Button improvements */
|
||||
.ask-btn, .action-btn {
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.5px;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/* Animation consistency */
|
||||
@keyframes pulse {
|
||||
0%, 100% { transform: scale(1); opacity: 1; }
|
||||
50% { transform: scale(1.05); opacity: 0.8; }
|
||||
}
|
||||
|
||||
/* Responsive improvements */
|
||||
@media (max-width: 480px) {
|
||||
.lang-btn {
|
||||
padding: 4px 8px;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.brain-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.logo h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
168
html/kidsai/index.html
Executable file
168
html/kidsai/index.html
Executable file
@@ -0,0 +1,168 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>KidsAI Explorer - Think, Learn, Discover!</title>
|
||||
|
||||
<!-- Favicons -->
|
||||
<link rel="icon" type="image/svg+xml" href="favicon.svg">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
|
||||
<link rel="shortcut icon" href="favicon.ico">
|
||||
<link rel="manifest" href="manifest.json">
|
||||
|
||||
<!-- Meta tags for better mobile experience -->
|
||||
<meta name="theme-color" content="#667eea">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="default">
|
||||
<meta name="apple-mobile-web-app-title" content="KidsAI Explorer">
|
||||
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="stylesheet" href="fallback.css">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<!-- Header -->
|
||||
<header class="header">
|
||||
<div class="header-top">
|
||||
<div class="language-switcher">
|
||||
<button id="lang-en" class="lang-btn active" data-lang="en">
|
||||
<span class="flag-icon">🇺🇸</span> English
|
||||
</button>
|
||||
<button id="lang-de" class="lang-btn" data-lang="de">
|
||||
<span class="flag-icon">🇩🇪</span> Deutsch
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="logo">
|
||||
<span class="brain-icon">🧠</span>
|
||||
<h1 data-translate="title">KidsAI Explorer</h1>
|
||||
</div>
|
||||
<p class="tagline" data-translate="tagline">Think, Learn, Discover Together!</p>
|
||||
</header>
|
||||
|
||||
<!-- Main Content -->
|
||||
<main class="main-content">
|
||||
<!-- Welcome Section -->
|
||||
<section class="welcome-section">
|
||||
<div class="mascot">
|
||||
<div class="robot-face">
|
||||
<div class="eyes">
|
||||
<div class="eye left-eye"></div>
|
||||
<div class="eye right-eye"></div>
|
||||
</div>
|
||||
<div class="mouth"></div>
|
||||
</div>
|
||||
</div>
|
||||
<h2 data-translate="welcome-title">Hi there, young explorer! 🚀</h2>
|
||||
<p data-translate="welcome-text">I'm here to help you become a super smart problem solver! Instead of giving you answers, I'll help you think like a detective and find solutions yourself!</p>
|
||||
</section>
|
||||
|
||||
<!-- Question Input Section -->
|
||||
<section class="question-section">
|
||||
<div class="input-container">
|
||||
<label for="question-input" data-translate="question-label">What would you like to explore today?</label>
|
||||
<div class="input-wrapper">
|
||||
<textarea
|
||||
id="question-input"
|
||||
data-translate-placeholder="question-placeholder"
|
||||
placeholder="Ask me anything! Like 'Why is the sky blue?' or 'How do plants grow?'"
|
||||
rows="3"
|
||||
></textarea>
|
||||
<button id="ask-button" class="ask-btn">
|
||||
<span class="rocket-icon">🚀</span>
|
||||
<span data-translate="ask-button">Let's Explore!</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Thinking Process Section -->
|
||||
<section id="thinking-section" class="thinking-section hidden">
|
||||
<div class="thinking-header">
|
||||
<h3><span class="lightbulb-icon">💡</span> <span data-translate="thinking-title">Let's Think Step by Step!</span></h3>
|
||||
</div>
|
||||
<div id="thinking-steps" class="thinking-steps"></div>
|
||||
</section>
|
||||
|
||||
<!-- Suggestions Section -->
|
||||
<section class="suggestions-section">
|
||||
<h3 data-translate="suggestions-title">Popular Questions from Other Young Explorers</h3>
|
||||
<div class="suggestions-grid">
|
||||
<div class="suggestion-card" data-question-en="Why do we have different seasons?" data-question-de="Warum gibt es verschiedene Jahreszeiten?">
|
||||
<span class="sun-icon">☀️</span>
|
||||
<p data-translate="suggestion-seasons">Why do we have different seasons?</p>
|
||||
</div>
|
||||
<div class="suggestion-card" data-question-en="How do birds fly?" data-question-de="Wie können Vögel fliegen?">
|
||||
<span class="bird-icon">🕊️</span>
|
||||
<p data-translate="suggestion-birds">How do birds fly?</p>
|
||||
</div>
|
||||
<div class="suggestion-card" data-question-en="Why is water wet?" data-question-de="Warum ist Wasser nass?">
|
||||
<span class="water-icon">💧</span>
|
||||
<p data-translate="suggestion-water">Why is water wet?</p>
|
||||
</div>
|
||||
<div class="suggestion-card" data-question-en="How do computers work?" data-question-de="Wie funktionieren Computer?">
|
||||
<span class="computer-icon">💻</span>
|
||||
<p data-translate="suggestion-computers">How do computers work?</p>
|
||||
</div>
|
||||
<div class="suggestion-card" data-question-en="Why do we dream?" data-question-de="Warum träumen wir?">
|
||||
<span class="moon-icon">🌙</span>
|
||||
<p data-translate="suggestion-dreams">Why do we dream?</p>
|
||||
</div>
|
||||
<div class="suggestion-card" data-question-en="How do rainbows form?" data-question-de="Wie entstehen Regenbogen?">
|
||||
<span class="rainbow-icon">🌈</span>
|
||||
<p data-translate="suggestion-rainbows">How do rainbows form?</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<p data-translate="footer-message">Remember: The best learning happens when you think for yourself! 🌟</p>
|
||||
<div class="safety-note">
|
||||
<span class="shield-icon">🛡️</span>
|
||||
<small data-translate="safety-note">Always ask a grown-up before researching online!</small>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<!-- Loading Animation -->
|
||||
<div id="loading" class="loading-overlay hidden">
|
||||
<div class="loading-spinner">
|
||||
<div class="gear gear1"></div>
|
||||
<div class="gear gear2"></div>
|
||||
<div class="gear gear3"></div>
|
||||
</div>
|
||||
<p data-translate="loading-text">Thinking of the best way to help you explore...</p>
|
||||
</div>
|
||||
|
||||
<!-- Immediate script to hide loading -->
|
||||
<script>
|
||||
// Hide loading immediately when this script runs
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const loading = document.getElementById('loading');
|
||||
if (loading) {
|
||||
loading.style.display = 'none';
|
||||
loading.classList.add('hidden');
|
||||
}
|
||||
});
|
||||
|
||||
// Emergency fallback
|
||||
setTimeout(function() {
|
||||
const loading = document.getElementById('loading');
|
||||
if (loading) {
|
||||
loading.style.display = 'none';
|
||||
loading.classList.add('hidden');
|
||||
}
|
||||
}, 100);
|
||||
</script>
|
||||
|
||||
<script src="translations.js"></script>
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
1185
html/kidsai/script.js
Executable file
1185
html/kidsai/script.js
Executable file
File diff suppressed because it is too large
Load Diff
1419
html/kidsai/style.css
Executable file
1419
html/kidsai/style.css
Executable file
File diff suppressed because it is too large
Load Diff
277
html/kidsai/translations.js
Executable file
277
html/kidsai/translations.js
Executable file
@@ -0,0 +1,277 @@
|
||||
// Translations for KidsAI Explorer
|
||||
const translations = {
|
||||
en: {
|
||||
// Header
|
||||
title: "KidsAI Explorer",
|
||||
tagline: "Think, Learn, Discover Together!",
|
||||
|
||||
// Welcome section
|
||||
"welcome-title": "Hi there, young explorer! 🚀",
|
||||
"welcome-text": "I'm here to help you become a super smart problem solver! Instead of giving you answers, I'll help you think like a detective and find solutions yourself!",
|
||||
|
||||
// Question section
|
||||
"question-label": "What would you like to explore today?",
|
||||
"question-placeholder": "Ask me anything! Like 'Why is the sky blue?' or 'How do plants grow?'",
|
||||
"ask-button": "Let's Explore!",
|
||||
|
||||
// Thinking section
|
||||
"thinking-title": "Let's Think Step by Step!",
|
||||
"research-btn": "Research Ideas",
|
||||
"experiment-btn": "Try Experiments",
|
||||
"discuss-btn": "Discuss with Others",
|
||||
|
||||
// Suggestions
|
||||
"suggestions-title": "Popular Questions from Other Young Explorers",
|
||||
"suggestion-seasons": "Why do we have different seasons?",
|
||||
"suggestion-birds": "How do birds fly?",
|
||||
"suggestion-water": "Why is water wet?",
|
||||
"suggestion-computers": "How do computers work?",
|
||||
"suggestion-dreams": "Why do we dream?",
|
||||
"suggestion-rainbows": "How do rainbows form?",
|
||||
|
||||
// Footer
|
||||
"footer-message": "Remember: The best learning happens when you think for yourself! 🌟",
|
||||
"safety-note": "Always ask a grown-up before researching online!",
|
||||
"loading-text": "Thinking of the best way to help you explore...",
|
||||
|
||||
// Dynamic content
|
||||
encouragements: [
|
||||
"Great question! You're thinking like a real scientist! 🔬",
|
||||
"Wow, that's a fantastic thing to wonder about! 🌟",
|
||||
"I love how curious you are! That's how great discoveries happen! 🚀",
|
||||
"Excellent question! You're going to learn so much by exploring this! 📚",
|
||||
"That's the kind of question that leads to amazing discoveries! 🔍"
|
||||
],
|
||||
|
||||
actionTitles: {
|
||||
research: "🔍 Research Ideas",
|
||||
experiment: "🧪 Experiment Ideas",
|
||||
discuss: "💬 Discussion Ideas"
|
||||
},
|
||||
|
||||
thinkingFrameworks: {
|
||||
science: {
|
||||
steps: [
|
||||
{
|
||||
title: "🔍 What do you already know?",
|
||||
content: "Think about what you've already observed or learned about this topic. What have you noticed before?"
|
||||
},
|
||||
{
|
||||
title: "🤔 What makes you curious?",
|
||||
content: "What specific part of this question makes you wonder the most? Is there something that seems surprising or unusual?"
|
||||
},
|
||||
{
|
||||
title: "🧪 How could you explore this?",
|
||||
content: "What experiments or observations could you do to learn more? Think about safe ways to test your ideas!"
|
||||
},
|
||||
{
|
||||
title: "📚 Where could you find more information?",
|
||||
content: "What books, websites (with a grown-up), or experts could help you learn more about this topic?"
|
||||
}
|
||||
]
|
||||
},
|
||||
math: {
|
||||
steps: [
|
||||
{
|
||||
title: "📝 What information do you have?",
|
||||
content: "List out all the numbers and facts you know about this problem. What are you trying to find out?"
|
||||
},
|
||||
{
|
||||
title: "🎯 What's the goal?",
|
||||
content: "What exactly are you trying to calculate or figure out? Can you say it in your own words?"
|
||||
},
|
||||
{
|
||||
title: "🧮 What tools might help?",
|
||||
content: "Would drawing a picture, making a chart, or using objects to count help you understand this better?"
|
||||
},
|
||||
{
|
||||
title: "✅ How can you check your answer?",
|
||||
content: "What's a different way you could solve this to make sure your answer makes sense?"
|
||||
}
|
||||
]
|
||||
},
|
||||
technology: {
|
||||
steps: [
|
||||
{
|
||||
title: "🔧 What does this technology do?",
|
||||
content: "Think about what job this technology is designed to do. What problem does it solve for people?"
|
||||
},
|
||||
{
|
||||
title: "⚙️ What are the main parts?",
|
||||
content: "Can you identify the different pieces that work together? What does each part do?"
|
||||
},
|
||||
{
|
||||
title: "🔄 How do the parts work together?",
|
||||
content: "Think about how information or signals move through the system. What happens step by step?"
|
||||
},
|
||||
{
|
||||
title: "🌟 What makes it special?",
|
||||
content: "How is this different from older ways of doing the same thing? What makes it better or more efficient?"
|
||||
}
|
||||
]
|
||||
},
|
||||
general: {
|
||||
steps: [
|
||||
{
|
||||
title: "🎯 Let's break this down",
|
||||
content: "What's the main thing you want to understand? Can you split your big question into smaller questions?"
|
||||
},
|
||||
{
|
||||
title: "🧠 What do you think might happen?",
|
||||
content: "Based on what you already know, what's your best guess about the answer? It's okay if you're not sure!"
|
||||
},
|
||||
{
|
||||
title: "🔍 How can you find out more?",
|
||||
content: "What steps could you take to explore this question? Think about observing, researching, or asking experts."
|
||||
},
|
||||
{
|
||||
title: "💡 What would you do with this knowledge?",
|
||||
content: "How might understanding this help you or others? Why is this question important to you?"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
actionReminder: "Remember: The goal is to discover the answer yourself through exploration and thinking!"
|
||||
},
|
||||
|
||||
de: {
|
||||
// Header
|
||||
title: "KidsAI Explorer",
|
||||
tagline: "Denken, Lernen, Entdecken - Zusammen!",
|
||||
|
||||
// Welcome section
|
||||
"welcome-title": "Hallo, junger Entdecker! 🚀",
|
||||
"welcome-text": "Ich bin hier, um dir zu helfen, ein super schlauer Problemlöser zu werden! Anstatt dir Antworten zu geben, helfe ich dir, wie ein Detektiv zu denken und Lösungen selbst zu finden!",
|
||||
|
||||
// Question section
|
||||
"question-label": "Was möchtest du heute erforschen?",
|
||||
"question-placeholder": "Frag mich alles! Zum Beispiel 'Warum ist der Himmel blau?' oder 'Wie wachsen Pflanzen?'",
|
||||
"ask-button": "Lass uns erforschen!",
|
||||
|
||||
// Thinking section
|
||||
"thinking-title": "Lass uns Schritt für Schritt denken!",
|
||||
"research-btn": "Forschungsideen",
|
||||
"experiment-btn": "Experimente versuchen",
|
||||
"discuss-btn": "Mit anderen besprechen",
|
||||
|
||||
// Suggestions
|
||||
"suggestions-title": "Beliebte Fragen von anderen jungen Entdeckern",
|
||||
"suggestion-seasons": "Warum gibt es verschiedene Jahreszeiten?",
|
||||
"suggestion-birds": "Wie können Vögel fliegen?",
|
||||
"suggestion-water": "Warum ist Wasser nass?",
|
||||
"suggestion-computers": "Wie funktionieren Computer?",
|
||||
"suggestion-dreams": "Warum träumen wir?",
|
||||
"suggestion-rainbows": "Wie entstehen Regenbogen?",
|
||||
|
||||
// Footer
|
||||
"footer-message": "Denk daran: Das beste Lernen passiert, wenn du selbst denkst! 🌟",
|
||||
"safety-note": "Frag immer einen Erwachsenen, bevor du online recherchierst!",
|
||||
"loading-text": "Denke über den besten Weg nach, dir beim Erkunden zu helfen...",
|
||||
|
||||
// Dynamic content
|
||||
encouragements: [
|
||||
"Tolle Frage! Du denkst wie ein echter Wissenschaftler! 🔬",
|
||||
"Wow, das ist eine fantastische Sache, über die man sich wundern kann! 🌟",
|
||||
"Ich liebe es, wie neugierig du bist! So entstehen große Entdeckungen! 🚀",
|
||||
"Ausgezeichnete Frage! Du wirst so viel lernen, wenn du das erforschst! 📚",
|
||||
"Das ist die Art von Frage, die zu erstaunlichen Entdeckungen führt! 🔍"
|
||||
],
|
||||
|
||||
actionTitles: {
|
||||
research: "🔍 Forschungsideen",
|
||||
experiment: "🧪 Experiment-Ideen",
|
||||
discuss: "💬 Diskussionsideen"
|
||||
},
|
||||
|
||||
thinkingFrameworks: {
|
||||
science: {
|
||||
steps: [
|
||||
{
|
||||
title: "🔍 Was weißt du schon?",
|
||||
content: "Denk darüber nach, was du bereits über dieses Thema beobachtet oder gelernt hast. Was ist dir schon aufgefallen?"
|
||||
},
|
||||
{
|
||||
title: "🤔 Was macht dich neugierig?",
|
||||
content: "Welcher spezielle Teil dieser Frage lässt dich am meisten staunen? Gibt es etwas, das überraschend oder ungewöhnlich scheint?"
|
||||
},
|
||||
{
|
||||
title: "🧪 Wie könntest du das erforschen?",
|
||||
content: "Welche Experimente oder Beobachtungen könntest du machen, um mehr zu lernen? Denk an sichere Wege, deine Ideen zu testen!"
|
||||
},
|
||||
{
|
||||
title: "📚 Wo könntest du mehr Informationen finden?",
|
||||
content: "Welche Bücher, Websites (mit einem Erwachsenen) oder Experten könnten dir helfen, mehr über dieses Thema zu lernen?"
|
||||
}
|
||||
]
|
||||
},
|
||||
math: {
|
||||
steps: [
|
||||
{
|
||||
title: "📝 Welche Informationen hast du?",
|
||||
content: "Liste alle Zahlen und Fakten auf, die du über dieses Problem kennst. Was versuchst du herauszufinden?"
|
||||
},
|
||||
{
|
||||
title: "🎯 Was ist das Ziel?",
|
||||
content: "Was genau versuchst du zu berechnen oder herauszufinden? Kannst du es mit deinen eigenen Worten sagen?"
|
||||
},
|
||||
{
|
||||
title: "🧮 Welche Hilfsmittel könnten helfen?",
|
||||
content: "Würde es helfen, ein Bild zu malen, eine Tabelle zu erstellen oder Gegenstände zum Zählen zu benutzen?"
|
||||
},
|
||||
{
|
||||
title: "✅ Wie kannst du deine Antwort überprüfen?",
|
||||
content: "Welchen anderen Weg könntest du nutzen, um sicherzustellen, dass deine Antwort Sinn macht?"
|
||||
}
|
||||
]
|
||||
},
|
||||
technology: {
|
||||
steps: [
|
||||
{
|
||||
title: "🔧 Was macht diese Technologie?",
|
||||
content: "Denk darüber nach, welche Aufgabe diese Technologie erfüllen soll. Welches Problem löst sie für Menschen?"
|
||||
},
|
||||
{
|
||||
title: "⚙️ Was sind die Hauptteile?",
|
||||
content: "Kannst du die verschiedenen Teile erkennen, die zusammenarbeiten? Was macht jeder Teil?"
|
||||
},
|
||||
{
|
||||
title: "🔄 Wie arbeiten die Teile zusammen?",
|
||||
content: "Denk darüber nach, wie Informationen oder Signale durch das System fließen. Was passiert Schritt für Schritt?"
|
||||
},
|
||||
{
|
||||
title: "🌟 Was macht sie besonders?",
|
||||
content: "Wie unterscheidet sich das von älteren Methoden, dasselbe zu tun? Was macht es besser oder effizienter?"
|
||||
}
|
||||
]
|
||||
},
|
||||
general: {
|
||||
steps: [
|
||||
{
|
||||
title: "🎯 Lass uns das aufteilen",
|
||||
content: "Was ist das Wichtigste, was du verstehen möchtest? Kannst du deine große Frage in kleinere Fragen aufteilen?"
|
||||
},
|
||||
{
|
||||
title: "🧠 Was denkst du, könnte passieren?",
|
||||
content: "Basierend auf dem, was du bereits weißt, was ist deine beste Vermutung über die Antwort? Es ist okay, wenn du dir nicht sicher bist!"
|
||||
},
|
||||
{
|
||||
title: "🔍 Wie kannst du mehr herausfinden?",
|
||||
content: "Welche Schritte könntest du unternehmen, um diese Frage zu erkunden? Denk an Beobachten, Forschen oder Experten fragen."
|
||||
},
|
||||
{
|
||||
title: "💡 Was würdest du mit diesem Wissen machen?",
|
||||
content: "Wie könnte dir oder anderen das Verstehen davon helfen? Warum ist diese Frage wichtig für dich?"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
actionReminder: "Denk daran: Das Ziel ist es, die Antwort selbst durch Erkunden und Denken zu entdecken!"
|
||||
}
|
||||
};
|
||||
|
||||
// Export for use in other files
|
||||
if (typeof module !== 'undefined' && module.exports) {
|
||||
module.exports = translations;
|
||||
}
|
||||
Reference in New Issue
Block a user