Enhance Your Website with Kizuna
Kizuna is a powerful service that adds interactive features to any website without modifying your existing code.
🎯 Live Demo Active!
The Kizuna menu is available on this page! Look for the hamburger menu (☰) in the bottom-right corner to try out all features.
Features enabled on this page: Timer, PWA Install, Auto-scroll, Quiz System, JavaScript Sandbox with Pinyin, Privacy Popup, and Clear All Data
🆕 New Features Released!
- ⏱️ Timer Widget: Draggable timer with countdown and stopwatch modes
- 📱 PWA Auto-Install: Automatic detection and installation prompt for Progressive Web Apps
- 🈯 Add Pinyin: Automatically adds pinyin pronunciation to Chinese characters
- 🔄 Page Reload: Quick page refresh option in menu
✨ All Available Features
⏱️ Timer Widget
Draggable timer with countdown and chronometer modes. Perfect for timed activities and tracking.
📱 PWA Installation
Auto-detects PWA capability and prompts for installation. Manual install also available.
🈯 Chinese Pinyin
Adds pinyin pronunciation to all Chinese characters on the page while preserving original text.
📜 Auto Scroll
Intelligent scrolling with zoom awareness and adjustable speed control.
🎯 Interactive Quizzes
Dynamic quiz generation from table data with beginner and advanced modes.
💻 JavaScript Sandbox
Safe code execution environment with console output capture and copy functionality.
🔒 Privacy Compliance
GDPR-compliant privacy popups with detailed information management.
🗑️ Clear All Data
Complete local data cleanup - IndexedDB, cache, service workers, storage, and cookies.
🚀 How to Use
Add Kizuna to your website by including this script tag in your HTML:
<script defer src="https://kizuna.kahiether.com/main.js?website-url=https://yoursite.com&personalinfostored=no&enablemdquizz=yes&enablejssandbox=yes&enableprivacy=yes"></script>
📝 Multilingual Verb Quiz Table
This table contains 24 common verbs in French, Russian, Japanese, and Chinese. Test your knowledge with the quiz feature!
How to use: Click "Beginner Quiz" or "Advanced Quiz" in the Kizuna menu (☰) to start!
| avoir (to have) | есть (imperfectif) | あります arimasu | 有 yǒu |
| être (to be) | быть (imperfectif) | です desu | 是 shì |
| aimer (to love/like) | любить (imperfectif) | 好きです suki desu | 喜欢 xǐhuān |
| manger (to eat) | есть (imperfectif) | 食べます tabemasu | 吃 chī |
| boire (to drink) | пить (imperfectif) | 飲みます nomimasu | 喝 hē |
| voir (to see) | видеть (imperfectif) | 見ます mimasu | 看 kàn |
| entendre (to hear) | слышать (imperfectif) | 聞きます kikimasu | 听 tīng |
| parler (to speak) | говорить (imperfectif) | 話します hanashimasu | 说 shuō |
| écrire (to write) | писать (imperfectif) | 書きます kakimasu | 写 xiě |
| lire (to read) | читать (imperfectif) | 読みます yomimasu | 读 dú |
| faire (to do/make) | делать (imperfectif) | します shimasu | 做 zuò |
| aller (to go) | идти (imperfectif) | 行きます ikimasu | 去 qù |
| venir (to come) | приходить (imperfectif) | 来ます kimasu | 来 lái |
| prendre (to take) | брать (imperfectif) | 取ります torimasu | 拿 ná |
| donner (to give) | давать (imperfectif) | あげます agemasu | 给 gěi |
| acheter (to buy) | покупать (imperfectif) | 買います kaimasu | 买 mǎi |
| vendre (to sell) | продавать (imperfectif) | 売ります urimasu | 卖 mài |
| dormir (to sleep) | спать (imperfectif) | 寝ます nemasu | 睡觉 shuìjiào |
| travailler (to work) | работать (imperfectif) | 働きます hatarakimasu | 工作 gōngzuò |
| étudier (to study) | изучать (imperfectif) | 勉強します benkyō shimasu | 学习 xuéxí |
| comprendre (to understand) | понимать (imperfectif) | 分かります wakarimasu | 明白 míngbái |
| attendre (to wait) | ждать (imperfectif) | 待ちます machimasu | 等 děng |
| chercher (to search) | искать (imperfectif) | 探します sagashimasu | 找 zhǎo |
| vivre (to live) | жить (imperfectif) | 住みます sumimasu | 住 zhù |
💻 JavaScript Sandbox Examples
Try these code snippets in the JS Sandbox (open it from the Kizuna menu ☰):
// Example 1: Test with Chinese characters
const chineseText = "学习中文很有趣";
console.log("Original text:", chineseText);
console.log("Character count:", chineseText.length);
console.log("First character:", chineseText[0]);
// Example 2: Working with the verb table
const verbs = ["有", "是", "喜欢", "吃", "喝", "看", "听", "说"];
verbs.forEach((verb, index) => {
console.log(`Verb ${index + 1}: ${verb}`);
});
// Example 3: Create a simple timer
let seconds = 10;
const countdown = setInterval(() => {
console.log(`Time remaining: ${seconds}s`);
seconds--;
if (seconds < 0) {
clearInterval(countdown);
console.log("Timer finished!");
}
}, 1000);
// Example 4: Process multilingual text
const languages = {
french: "avoir, être, aimer",
russian: "есть, быть, любить",
japanese: "あります, です, 好きです",
chinese: "有, 是, 喜欢"
};
for (let lang in languages) {
console.log(`${lang}: ${languages[lang]}`);
}
// After running any of these examples,
// try clicking "Add Pinyin" to see Chinese characters with pronunciation!
🈯 Test the Pinyin Feature
After opening the JS Sandbox, click "Add Pinyin" to add pronunciation guides to these Chinese texts on the page:
Common Verbs:
有 (to have) • 是 (to be) • 喜欢 (to like) • 爱 (to love)
吃 (to eat) • 喝 (to drink) • 看 (to see) • 听 (to hear)
说 (to speak) • 写 (to write) • 读 (to read) • 做 (to do)
去 (to go) • 来 (to come) • 住 (to live) • 工作 (to work)
Sample Sentences:
我喜欢学习中文。(I like learning Chinese)
今天天气很好。(The weather is nice today)
你好，很高兴认识你。(Hello, nice to meet you)
这个很有趣。(This is very interesting)
⚙️ Configuration Parameters
🔄 Always Available Features
These features are available in every Kizuna installation, regardless of configuration:
- ⏱️ Timer: Countdown timer and chronometer
- 📱 Install PWA: Progressive Web App installation
- 📜 Auto Scroll: Start/stop automatic scrolling
- 🔄 Reload Page: Quick page refresh
- 🈯 Add Pinyin: Chinese character support (when JS Sandbox is enabled)
- 🗑️ Clear All Data: Complete local data management
- 🔗 Kahiether: Link to service provider
⚠️ Clear All Data Feature
Important: The "Clear All Data" button provides complete control over local browser data.
What it clears:
- 🗄️ localStorage: All key-value pairs stored locally
- 📝 sessionStorage: All session-specific data
- 🗃️ IndexedDB: All databases and their contents
- 📄 Cache API: All cached resources and service worker caches
- 🔧 Service Workers: Unregisters all service workers
- 🍪 Cookies: Same-origin cookies (best effort)
Safety: Requires user confirmation with detailed warning popup. Page automatically reloads after clearing.
🌐 Browser Compatibility
- ✅ Chrome/Edge 90+ (Full support)
- ✅ Firefox 88+ (Full support)
- ✅ Safari 14+ (Full support)
- ✅ Mobile browsers with ES6 support
- ⚠️ PWA installation requires HTTPS and manifest.json