Micro Learning Course Duration Estimator Free

Micro Learning Course Duration Estimator Free /* Scoped CSS to prevent conflicts with Jannah Theme */ #mde-wrapper { font-family: 'Inter', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial; background-color: #F0F4F8; color: #1A202C; padding: 2rem; border-radius: 12px; box-sizing: border-box; margin: 20px 0; line-height: 1.5; } #mde-wrapper * { box-sizing: border-box; } .mde-container { background-color: #FFFFFF; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); padding: 2rem; border-radius: 12px; max-width: 600px; margin: 0 auto; width: 100%; } .mde-title { font-size: 1.8rem; font-weight: 700; text-align: center; margin-bottom: 0.5rem; color: #d69e2e; /* Yellow-600 */ line-height: 1.2; } .mde-subtitle { text-align: center; font-size: 0.95rem; color: #718096; margin-bottom: 2rem; margin-top: 0; } .mde-form-group { margin-bottom: 1.5rem; } .mde-label { display: block; font-size: 0.9rem; font-weight: 600; margin-bottom: 0.5rem; color: #2D3748; } .mde-flex-row { display: flex; gap: 10px; align-items: center; } .mde-flex-col { flex: 1; } .mde-input, .mde-select { background-color: #F8FAFC; color: #1A202C; border: 1px solid #E2E8F0; border-radius: 8px; padding: 0.75rem; width: 100%; font-size: 1rem; transition: all 0.3s ease; } .mde-input:focus, .mde-select:focus { outline: none; border-color: #4A90E2; box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.3); } .mde-btn { background-color: #4A90E2; color: #FFFFFF; font-weight: 600; padding: 1rem; border-radius: 8px; border: none; cursor: pointer; width: 100%; font-size: 1rem; transition: transform 0.2s, background-color 0.2s; text-align: center; display: block; } .mde-btn:hover { background-color: #357ABD; transform: translateY(-2px); } .mde-donate-btn { background-color: #FFD700; color: #1A202C; font-weight: 700; margin-top: 10px; max-width: 200px; margin-left: auto; margin-right: auto; } .mde-donate-btn:hover { background-color: #e6c200; } .mde-result-box { margin-top: 2rem; text-align: center; background-color: #EBF8FF; padding: 1.5rem; border-radius: 12px; display: none; /* Hidden by default */ border: 1px solid #BEE3F8; } .mde-result-label { font-size: 1.1rem; font-weight: 600; color: #4A5568; margin: 0; } .mde-result-value { font-size: 2rem; font-weight: 800; color: #d69e2e; margin-top: 0.5rem; margin-bottom: 0; line-height: 1.2; } .mde-divider { height: 1px; background-color: #E2E8F0; margin: 2rem 0; border: none; } .mde-footer { text-align: center; font-size: 0.85rem; color: #A0AEC0; } .mde-footer p { margin: 5px 0; } /* Message Toast */ .mde-toast { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); background-color: #4CAF50; color: white; padding: 12px 24px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 9999; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; font-size: 0.9rem; } .mde-toast.show { opacity: 1; visibility: visible; } /* Responsive adjustments */ @media (max-width: 600px) { #mde-wrapper { padding: 1rem; } .mde-container { padding: 1.5rem; } .mde-title { font-size: 1.5rem; } } Microlearning Duration Estimator Estimate the time needed to complete a microlearning course. Course Length Slides Minutes Words Your Pace Slow (takes time to process) Medium (average pace) Fast (quick learner) Breaks (per hour) Minutes per break Number of breaks Calculate Duration Estimated Duration: Support the Developer If you find this tool helpful, consider a small donation. Donate Now Developed by Majid Farooq Email: majidfarooq295@gmail.com IBAN copied to clipboard! document.addEventListener("DOMContentLoaded", function() { // Elements const courseLengthInput = document.getElementById('mde-course-length'); const unitSelect = document.getElementById('mde-unit'); const userPaceSelect = document.getElementById('mde-user-pace'); const breaksMinutesInput = document.getElementById('mde-breaks-minutes'); const breaksCountInput = document.getElementById('mde-breaks-count'); const calculateBtn = document.getElementById('mde-calculate-btn'); const resultContainer = document.getElementById('mde-result-container'); const resultText = document.getElementById('mde-result-text'); const donateBtn = document.getElementById('mde-donate-btn'); const toast = document.getElementById('mde-toast'); // Logic function calculateDuration() { const courseLength = parseFloat(courseLengthInput.value) || 0; const unit = unitSelect.value; const userPace = userPaceSelect.value; const breaksMinutes = parseFloat(breaksMinutesInput.value) || 0; const breaksCount = parseFloat(breaksCountInput.value) || 0; const paceMultipliers = { 'slow': 1.5, 'medium': 1.0, 'fast': 0.7 }; const unitToMinutes = { 'slides': 1.5, 'minutes': 1.0, 'words': 0.05 }; const learningTimeMinutes = courseLength * paceMultipliers[userPace] * unitToMinutes[unit]; const totalBreakTimeMinutes = breaksMinutes * breaksCount; const totalTimeMinutes = learningTimeMinutes + totalBreakTimeMinutes; const hours = Math.floor(totalTimeMinutes / 60); const minutes = Math.round(totalTimeMinutes % 60); let resultString = ''; if (hours > 0) resultString += `${hours} hour${hours > 1 ? 's' : ''} `; if (minutes > 0) resultString += `${minutes} minute${minutes > 1 ? 's' : ''}`; if (totalTimeMinutes === 0 && courseLength === 0) { resultText.textContent = 'Please enter course length'; } else { resultText.textContent = resultString.trim() || 'Less than a minute'; } resultContainer.style.display = 'block'; } // Copy Logic function showToast(msg) { toast.textContent = msg; toast.classList.add('show'); setTimeout(() => { toast.classList.remove('show'); }, 3000); } function copyIBAN() { const iban = 'PK40HABB0001947100292703'; if (navigator.clipboard && window.isSecureContext) { // Modern secure method navigator.clipboard.writeText(iban).then(() => { showToast('IBAN copied to clipboard!'); }).catch(() => { manualCopy(iban); }); } else { // Fallback for older browsers or non-HTTPS manualCopy(iban); } } function manualCopy(text) { const tempInput = document.createElement('textarea'); tempInput.value = text; tempInput.style.position = 'fixed'; tempInput.style.left = '-9999px'; document.body.appendChild(tempInput); tempInput.select(); try { document.execCommand('copy'); showToast('IBAN copied to clipboard!'); } catch (err) { showToast('Unable to copy automatically.'); } document.body.removeChild(tempInput); } // Listeners if(calculateBtn) calculateBtn.addEventListener('click', calculateDuration); if(donateBtn) donateBtn.addEventListener('click', copyIBAN); });

Micro Learning Course Duration Estimator Free

Microlearning Duration Estimator

Support the Developer

Majid Farooq

Related Articles

Video Compressor Tool Free

Eth Domain checker

Track Carbon Footprint App 2026

Micro Business Tax Deduction Calculator 2026

Pdf Compressor Tool Free

Free Hashtag Generator Tool

Leave a Reply Cancel reply