2025: The Year AI Landed

If you're hearing this message, the machines have won, and Instructional Design is dead as we know it...

Hello!

For this week's #ELearningChallenge I've created an interactive video portfolio to highlight four projects I built this year with the help of artificial intelligence.

Despite the apocalyptic tone, I'm excited about the creative possibilities of generative AI. I certainly couldn't have made this last year.

Videos created using Powtoon's AI Text to Video feature and edited with Camtasia. 

And just like my recent coffee-making demo, this is also fully accessible from the keyboard. Anywhere you see an underlined letter in a button, that key will perform its function.

With the help of Claude.ai, I added some code that changes the colour of the captions to improve legibility against different backgrounds

If you're wondering how I changed the colour of the captions from white to black, and back again, to improve legibility during the intro...

Code to change captions to white

// Stop any existing observer first
if (window.captionObserver) {
    window.captionObserver.disconnect();
}

// Monitor for caption changes and force white color
window.captionObserver = new MutationObserver(function() {
    var allCaptionElements = document.querySelectorAll('[class*="caption"], [class*="acc-"]');
    allCaptionElements.forEach(function(element) {
        element.style.setProperty('color', 'white', 'important');
        var children = element.querySelectorAll('*');
        children.forEach(function(child) {
            child.style.setProperty('color', 'white', 'important');
        });
    });
});

window.captionObserver.observe(document.body, {
    childList: true,
    subtree: true,
    attributes: true
});

Code to change captions back to black

// Stop the white observer
if (window.captionObserver) {
    window.captionObserver.disconnect();
}

// Apply black once
var allCaptionElements = document.querySelectorAll('[class*="caption"], [class*="acc-"]');
allCaptionElements.forEach(function(element) {
    element.style.setProperty('color', 'black', 'important');
    var children = element.querySelectorAll('*');
    children.forEach(function(child) {
        child.style.setProperty('color', 'black', 'important');
    });
});

And yes, AI helped me do this!

Sift through the wreckage of my career here:
https://bit.ly/elhc534

Oh, and shout out to any fans of SILO.