http://gs-permakultura-v-ukran.mozello.com/blog-un/ Пермакультура - Блог ун http://gs-permakultura-v-ukran.mozello.com/blog-un/params/post/4966533/ku4 Tue, 06 May 2025 07:35:00 +0000 уууууууууууууууу<hr class="moze-more-divider"><p>ццццццццццццццццц<br><br></p> <meta charset="UTF-8"> <title>Урок: Конспект, Голос і Словник</title> <style> body { font-family: Arial; padding: 20px; background: #f0f8ff; } textarea, table, input { width: 100%; margin-bottom: 20px; font-size: 16px; } textarea { height: 150px; padding: 10px; } button { padding: 10px 20px; font-size: 16px; cursor: pointer; } table { border-collapse: collapse; } th, td { border: 1px solid #ccc; padding: 8px; text-align: left; } th { background-color: #e0e0e0; } .new-word-highlight { background-color: #d1ffd1; animation: fadeIn 1s ease-in-out; } @keyframes fadeIn { from { background-color: #ffffcc; } to { background-color: #d1ffd1; } } nav ul { list-style: none; padding: 0; margin: 0 0 20px 0; display: flex; gap: 20px; } nav a { text-decoration: none; color: #003366; font-weight: bold; } nav a:hover { text-decoration: underline; } </style> <header> <h1>Мій урок</h1> <p>Ця сторінка допоможе тобі створити конспект, диктувати текст голосом українською та німецькою, а також зібрати багатомовний словник із прикладами.</p> <nav> <ul> <li><a href="#notes">📝 Конспект</a></li> <li><a href="#speechUa">🎤 Українська мова</a></li> <li><a href="#speechDe">🎤 Німецька мова</a></li> <li><a href="#addWord">📚 Додати слово</a></li> <li><a href="#dictionary">📘 Словник</a></li> <li><a href="#tasks">🎯 Завдання</a></li> </ul> </nav> </header> <h2 id="notes">📝 Конспект</h2> <textarea id="notesArea" placeholder="Пиши тут свої нотатки..."></textarea> <h2 id="speechUa">🎤 Голосовий запис → Текст (Українською)</h2> <textarea id="speechTextUa" placeholder="Натисни кнопку, говори українською — і текст з’явиться тут..." readonly=""></textarea> <br> <button onclick="clearText('speechTextUa')">🧹 Очистити</button> <button onclick="startRecognition('ua')">🎙️ Розпочати (українська)</button> <h2 id="speechDe">🎤 Голосовий запис → Текст (Німецькою)</h2> <textarea id="speechTextDe" placeholder="Drücke den Knopf, sprich Deutsch – der Text erscheint hier..." readonly=""></textarea> <br> <button onclick="clearText('speechTextDe')">🧹 Очистити</button> <button onclick="startRecognition('de')">🎙️ Start (Deutsch)</button> <h2 id="addWord">📚 Додати нові слова до словника</h2> <input type="text" id="uaWord" placeholder="Українське слово (обов'язково)"> <input type="text" id="deWord" placeholder="Німецьке слово (обов'язково)"> <input type="text" id="enWord" placeholder="Англійське слово (необов'язково)"> <input type="text" id="frWord" placeholder="Французьке слово (необов'язково)"> <input type="text" id="esWord" placeholder="Іспанське слово (необов'язково)"> <input type="text" id="itWord" placeholder="Італійське слово (необов'язково)"> <input type="text" id="example" placeholder="Цитата або приклад (необов'язково)"> <button onclick="addWord()">➕ Додати слово</button> <h2 id="dictionary">📘 Словник</h2> <table id="dictionaryTable"> <tbody><tr> <th>Українська</th> <th>Німецька</th> <th>Англійська</th> <th>Французька</th> <th>Іспанська</th> <th>Італійська</th> <th>Приклад / Цитата</th> </tr> </tbody></table> <h2 id="tasks">🎯 Завдання на повторення</h2> <ol> <li>Напиши 3 власні речення з кожним із нових слів українською та німецькою мовами.</li> <li>Спробуй на слух сказати переклад кожного слова пʼятьма мовами. Потім перевір себе за таблицею.</li> </ol> <script> function startRecognition(lang) { const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)(); recognition.lang = lang === 'ua' ? 'uk-UA' : 'de-DE'; recognition.interimResults = false; recognition.maxAlternatives = 1; recognition.onresult = function(event) { const text = event.results[0][0].transcript; if (lang === 'ua') { document.getElementById('speechTextUa').value += text + '\n'; } else { document.getElementById('speechTextDe').value += text + '\n'; } }; recognition.onerror = function(event) { alert('Помилка розпізнавання: ' + event.error); }; recognition.start(); } function clearText(id) { document.getElementById(id).value = ''; } function addWord() { const ua = document.getElementById('uaWord').value.trim(); const de = document.getElementById('deWord').value.trim(); const en = document.getElementById('enWord').value.trim(); const fr = document.getElementById('frWord').value.trim(); const es = document.getElementById('esWord').value.trim(); const it = document.getElementById('itWord').value.trim(); const ex = document.getElementById('example').value.trim(); if (!ua || !de) { alert('Введи хоча б українське і німецьке слово.'); return; } const row = document.createElement('tr'); row.classList.add('new-word-highlight'); row.innerHTML = ` <td>${ua}</td> <td>${de}</td> <td>${en || '–'}</td> <td>${fr || '–'}</td> <td>${es || '–'}</td> <td>${it || '–'}</td> <td>${ex || '–'}</td> `; document.getElementById('dictionaryTable').appendChild(row); ['uaWord', 'deWord', 'enWord', 'frWord', 'esWord', 'itWord', 'example'].forEach(id => { document.getElementById(id).value = ''; }); } </script> http://gs-permakultura-v-ukran.mozello.com/blog-un/params/post/4965923/ku-3 Mon, 05 May 2025 19:38:00 +0000 ннннннннннннннннннннннннннн <hr class="moze-more-divider"> <p>нннннннннннннннннннннннннннн</p> <p> <br> </p> <meta charset="UTF-8"> <title>Урок: Конспект, Голос і Словник</title> <style> body { font-family: Arial; padding: 20px; background: #f0f8ff; } textarea, table, input { width: 100%; margin-bottom: 20px; font-size: 16px; } textarea { height: 150px; padding: 10px; } button { padding: 10px 20px; font-size: 16px; cursor: pointer; } table { border-collapse: collapse; } th, td { border: 1px solid #ccc; padding: 8px; text-align: left; } th { background-color: #e0e0e0; } .new-word-highlight { background-color: #d1ffd1; animation: fadeIn 1s ease-in-out; } @keyframes fadeIn { from { background-color: #ffffcc; } to { background-color: #d1ffd1; } } nav ul { list-style: none; padding: 0; margin: 0 0 20px 0; display: flex; gap: 20px; } nav a { text-decoration: none; color: #003366; font-weight: bold; } nav a:hover { text-decoration: underline; } </style> <header> <h1>Мій урок</h1> <p>Ця сторінка допоможе тобі створити конспект, диктувати текст голосом українською та німецькою, а також зібрати багатомовний словник із прикладами.</p> <nav> <ul> <li><a href="#notes">📝 Конспект</a></li> <li><a href="#speechUa">🎤 Українська мова</a></li> <li><a href="#speechDe">🎤 Німецька мова</a></li> <li><a href="#addWord">📚 Додати слово</a></li> <li><a href="#dictionary">📘 Словник</a></li> <li><a href="#tasks">🎯 Завдання</a></li> </ul> </nav> </header> <h2 id="notes">📝 Конспект</h2> <textarea id="notesArea" placeholder="Пиши тут свої нотатки..."></textarea> <h2 id="speechUa">🎤 Голосовий запис → Текст (Українською)</h2> <textarea id="speechTextUa" placeholder="Натисни кнопку, говори українською — і текст з’явиться тут..." readonly=""></textarea> <br> <button onclick="startRecognition('ua')">🎙️ Розпочати (українська)</button> <h2 id="speechDe">🎤 Голосовий запис → Текст (Німецькою)</h2> <textarea id="speechTextDe" placeholder="Drücke den Knopf, sprich Deutsch – der Text erscheint hier..." readonly=""></textarea> <br> <button onclick="startRecognition('de')">🎙️ Start (Deutsch)</button> <h2 id="addWord">📚 Додати нові слова до словника</h2> <input type="text" id="uaWord" placeholder="Українське слово (обов'язково)"> <input type="text" id="deWord" placeholder="Німецьке слово (обов'язково)"> <input type="text" id="enWord" placeholder="Англійське слово (необов'язково)"> <input type="text" id="frWord" placeholder="Французьке слово (необов'язково)"> <input type="text" id="esWord" placeholder="Іспанське слово (необов'язково)"> <input type="text" id="itWord" placeholder="Італійське слово (необов'язково)"> <input type="text" id="example" placeholder="Цитата або приклад (необов'язково)"> <button onclick="addWord()">➕ Додати слово</button> <h2 id="dictionary">📘 Словник</h2> <table id="dictionaryTable"> <tbody><tr> <th>Українська</th> <th>Німецька</th> <th>Англійська</th> <th>Французька</th> <th>Іспанська</th> <th>Італійська</th> <th>Приклад / Цитата</th> </tr> </tbody></table> <h2 id="tasks">🎯 Завдання на повторення</h2> <ol> <li>Напиши 3 власні речення з кожним із нових слів українською та німецькою мовами.</li> <li>Спробуй на слух сказати переклад кожного слова пʼятьма мовами. Потім перевір себе за таблицею.</li> </ol> <script> function startRecognition(lang) { const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)(); recognition.lang = lang === 'ua' ? 'uk-UA' : 'de-DE'; recognition.interimResults = false; recognition.maxAlternatives = 1; recognition.onresult = function(event) { const text = event.results[0][0].transcript; if (lang === 'ua') { document.getElementById('speechTextUa').value += text + '\n'; } else { document.getElementById('speechTextDe').value += text + '\n'; } }; recognition.onerror = function(event) { alert('Помилка розпізнавання: ' + event.error); }; recognition.start(); } function addWord() { const ua = document.getElementById('uaWord').value.trim(); const de = document.getElementById('deWord').value.trim(); const en = document.getElementById('enWord').value.trim(); const fr = document.getElementById('frWord').value.trim(); const es = document.getElementById('esWord').value.trim(); const it = document.getElementById('itWord').value.trim(); const ex = document.getElementById('example').value.trim(); if (!ua || !de) { alert('Введи хоча б українське і німецьке слово.'); return; } const row = document.createElement('tr'); row.classList.add('new-word-highlight'); row.innerHTML = ` <td>${ua}</td> <td>${de}</td> <td>${en || '–'}</td> <td>${fr || '–'}</td> <td>${es || '–'}</td> <td>${it || '–'}</td> <td>${ex || '–'}</td> `; document.getElementById('dictionaryTable').appendChild(row); ['uaWord', 'deWord', 'enWord', 'frWord', 'esWord', 'itWord', 'example'].forEach(id => { document.getElementById(id).value = ''; }); } </script> http://gs-permakultura-v-ukran.mozello.com/blog-un/params/post/4965908/ku2 Mon, 05 May 2025 19:29:00 +0000 ррррррррррррррррррррррр <hr class="moze-more-divider"> <p>ррррррррррррррррррррррр</p> <p> <br> </p> <meta charset="UTF-8"> <title>Урок: Конспект, Голос і Словник</title> <style> body { font-family: Arial; padding: 20px; background: #f0f8ff; } textarea, table, input { width: 100%; margin-bottom: 20px; font-size: 16px; } textarea { height: 150px; padding: 10px; } button { padding: 10px 20px; font-size: 16px; cursor: pointer; } table { border-collapse: collapse; } th, td { border: 1px solid #ccc; padding: 8px; text-align: left; } th { background-color: #e0e0e0; } .new-word-highlight { background-color: #d1ffd1; animation: fadeIn 1s ease-in-out; } @keyframes fadeIn { from { background-color: #ffffcc; } to { background-color: #d1ffd1; } } </style> <h1>Мій урок</h1> <h2>📝 Конспект</h2> <textarea id="notes" placeholder="Пиши тут свої нотатки..."></textarea> <h2>🎤 Голосовий запис → Текст (Українською)</h2> <textarea id="speechTextUa" placeholder="Натисни кнопку, говори українською — і текст з’явиться тут..." readonly=""></textarea> <br> <button onclick="startRecognition('ua')">🎙️ Розпочати (українська)</button> <h2>🎤 Голосовий запис → Текст (Німецькою)</h2> <textarea id="speechTextDe" placeholder="Drücke den Knopf, sprich Deutsch – der Text erscheint hier..." readonly=""></textarea> <br> <button onclick="startRecognition('de')">🎙️ Start (Deutsch)</button> <h2>📚 Додати нові слова до словника</h2> <input type="text" id="uaWord" placeholder="Українське слово (обов'язково)"> <input type="text" id="deWord" placeholder="Німецьке слово (обов'язково)"> <input type="text" id="enWord" placeholder="Англійське слово (необов'язково)"> <input type="text" id="frWord" placeholder="Французьке слово (необов'язково)"> <input type="text" id="esWord" placeholder="Іспанське слово (необов'язково)"> <input type="text" id="itWord" placeholder="Італійське слово (необов'язково)"> <input type="text" id="example" placeholder="Цитата або приклад (необов'язково)"> <button onclick="addWord()">➕ Додати слово</button> <h2>📘 Словник</h2> <table id="dictionaryTable"> <tbody><tr> <th>Українська</th> <th>Німецька</th> <th>Англійська</th> <th>Французька</th> <th>Іспанська</th> <th>Італійська</th> <th>Приклад / Цитата</th> </tr> </tbody></table> <h2>🎯 Завдання на повторення</h2> <ol> <li>Напиши 3 власні речення з кожним із нових слів українською та німецькою мовами.</li> <li>Спробуй на слух сказати переклад кожного слова пʼятьма мовами. Потім перевір себе за таблицею.</li> </ol> <script> function startRecognition(lang) { const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)(); recognition.lang = lang === 'ua' ? 'uk-UA' : 'de-DE'; recognition.interimResults = false; recognition.maxAlternatives = 1; recognition.onresult = function(event) { const text = event.results[0][0].transcript; if (lang === 'ua') { document.getElementById('speechTextUa').value += text + '\n'; } else { document.getElementById('speechTextDe').value += text + '\n'; } }; recognition.onerror = function(event) { alert('Помилка розпізнавання: ' + event.error); }; recognition.start(); } function addWord() { const ua = document.getElementById('uaWord').value.trim(); const de = document.getElementById('deWord').value.trim(); const en = document.getElementById('enWord').value.trim(); const fr = document.getElementById('frWord').value.trim(); const es = document.getElementById('esWord').value.trim(); const it = document.getElementById('itWord').value.trim(); const ex = document.getElementById('example').value.trim(); if (!ua || !de) { alert('Введи хоча б українське і німецьке слово.'); return; } const row = document.createElement('tr'); row.classList.add('new-word-highlight'); row.innerHTML = ` <td>${ua}</td> <td>${de}</td> <td>${en || '–'}</td> <td>${fr || '–'}</td> <td>${es || '–'}</td> <td>${it || '–'}</td> <td>${ex || '–'}</td> `; document.getElementById('dictionaryTable').appendChild(row); ['uaWord', 'deWord', 'enWord', 'frWord', 'esWord', 'itWord', 'example'].forEach(id => { document.getElementById(id).value = ''; }); } </script> http://gs-permakultura-v-ukran.mozello.com/blog-un/params/post/4965810/ku Mon, 05 May 2025 17:52:00 +0000 ггггггггггггггггггггггг<hr class="moze-more-divider"><p>ррррррррррррррррррррррр<br><br></p> <meta charset="UTF-8"> <title>Урок: Конспект, Голос і Словник</title> <style> body { font-family: Arial; padding: 20px; background: #f0f8ff; } textarea, table, input { width: 100%; margin-bottom: 20px; font-size: 16px; } textarea { height: 150px; padding: 10px; } button { padding: 10px 20px; font-size: 16px; } table { border-collapse: collapse; } th, td { border: 1px solid #ccc; padding: 8px; text-align: left; } th { background-color: #e0e0e0; } </style> <h1>Мій урок</h1> <h2>📝 Конспект</h2> <textarea id="notes" placeholder="Пиши тут свої нотатки..."></textarea> <h2>🎤 Голосовий запис → Текст (Українською)</h2> <textarea id="speechTextUa" placeholder="Натисни кнопку, говори українською — і текст з’явиться тут..." readonly=""></textarea> <br> <button onclick="startRecognition('ua')">🎙️ Розпочати (українська)</button> <h2>🎤 Голосовий запис → Текст (Німецькою)</h2> <textarea id="speechTextDe" placeholder="Drücke den Knopf, sprich Deutsch – der Text erscheint hier..." readonly=""></textarea> <br> <button onclick="startRecognition('de')">🎙️ Start (Deutsch)</button> <h2>📚 Додати нові слова до словника</h2> <label>Українське слово:</label> <input type="text" id="uaWord" placeholder="напр. свобода"> <label>Німецьке слово:</label> <input type="text" id="deWord" placeholder="напр. Freiheit"> <button onclick="addWord()">➕ Додати слово</button> <h2>📘 Словник</h2> <table id="dictionaryTable"> <tbody><tr> <th>Українська</th> <th>Німецька</th> <th>Англійська</th> <th>Французька</th> <th>Іспанська</th> <th>Італійська</th> <th>Приклад / Цитата</th> </tr> </tbody></table> <h2>🎯 Завдання на повторення</h2> <ol> <li>Напиши 3 власні речення з кожним із нових слів українською та німецькою мовами.</li> <li>Спробуй на слух сказати переклад кожного слова пʼятьма мовами. Потім перевір себе за таблицею.</li> </ol> <script> function startRecognition(lang) { const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)(); recognition.lang = lang === 'ua' ? 'uk-UA' : 'de-DE'; recognition.interimResults = false; recognition.maxAlternatives = 1; recognition.onresult = function(event) { const text = event.results[0][0].transcript; if (lang === 'ua') { document.getElementById('speechTextUa').value += text + '\n'; } else { document.getElementById('speechTextDe').value += text + '\n'; } }; recognition.onerror = function(event) { alert('Помилка розпізнавання: ' + event.error); }; recognition.start(); } function addWord() { const ua = document.getElementById('uaWord').value.trim(); const de = document.getElementById('deWord').value.trim(); if (!ua || !de) { alert('Будь ласка, введіть обидва слова.'); return; } const row = document.createElement('tr'); row.innerHTML = ` <td>${ua}</td> <td>${de}</td> <td>–</td> <td>–</td> <td>–</td> <td>–</td> <td>–</td> `; document.getElementById('dictionaryTable').appendChild(row); document.getElementById('uaWord').value = ''; document.getElementById('deWord').value = ''; } </script> http://gs-permakultura-v-ukran.mozello.com/blog-un/params/post/4965718/ Mon, 05 May 2025 16:22:47 +0000 <p>Це демо-текст, щоб продемонструвати як буде виглядати повідомлення в блозі. Видаліть цей пост і додайте свої власні повідомлення.</p><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> http://gs-permakultura-v-ukran.mozello.com/blog-un/params/post/4965721/mj-urok Mon, 05 May 2025 16:22:00 +0000 <div>нннннннннннннннннннннннннннн<hr class="moze-more-divider"><p>оооооооооооооооооооо<br><br></p></div> <meta charset="UTF-8"> <title>Урок: Конспект і Голос у Текст</title> <style> body { font-family: Arial; padding: 20px; background: #f0f8ff; } textarea { width: 100%; height: 150px; margin-bottom: 20px; font-size: 16px; padding: 10px; } button { padding: 10px 20px; font-size: 16px; } </style> <h1>Мій урок</h1> <h2>📝 Конспект</h2> <textarea id="notes" placeholder="Пиши тут свої нотатки..."></textarea> <h2>🎤 Голосовий запис → Текст</h2> <textarea id="speechText" placeholder="Натисни кнопку, говори — і текст з’явиться тут..." readonly=""></textarea> <br> <button onclick="startRecognition()">🎙️ Розпочати розпізнавання</button> <script> function startRecognition() { const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)(); recognition.lang = 'uk-UA'; recognition.interimResults = false; recognition.maxAlternatives = 1; recognition.onresult = function(event) { const text = event.results[0][0].transcript; document.getElementById('speechText').value += text + '\n'; }; recognition.onerror = function(event) { alert('Помилка розпізнавання: ' + event.error); }; recognition.start(); } </script>