npm - @learnpack/learnpack - Versions diffs - 5.0.277 → 5.0.278 - Mend

@learnpack/learnpack 5.0.277 → 5.0.278

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (585) hide show

package/src/output/directory/36c705fc-2075-4bb0-88a5-2dc23237e48e/exercises/05.0-test-your-avatar-knowledge/README.md.processed ADDED Viewed

@@ -0,0 +1,62 @@
+---
+readingTime:
+  minutes: 2.76
+  words: 690
+fkglResult: 9.26
+---
+# `05.0` - Test Your Avatar Knowledge
+Hey there, avatar creator! 🎉 You've journeyed through the exciting world of HeyGen, from setting up your account to crafting your unique digital persona and even exploring other AI video tools. Now, it’s time to put your skills to the test! This lesson is all about reflecting on what you’ve learned and ensuring you’re ready to shine in your future projects. Let’s dive into a fun and engaging quiz to solidify your understanding of avatar creation and video production.
+## Why Test Your Knowledge?
+Testing yourself isn’t just about getting answers right—it’s about building confidence in your abilities. By revisiting key concepts like account setup, interface navigation, avatar creation, video production, and alternative tools, you’ll reinforce your learning and spot any areas where you might want to review. Think of this as a checkpoint before you take on even bigger creative challenges. Ready to show what you know? Let’s get started!
+## Avatar Creation Quiz: Show What You’ve Learned
+Below are a series of questions designed to cover every step of your HeyGen journey. Take your time to think through each one, and don’t worry if you’re unsure—use this as a chance to reflect and maybe revisit earlier lessons. Let’s test your mastery!
+1. What is the first step to start using HeyGen?
+   - [ ] Exploring video templates
+   - [x] Setting up a HeyGen account
+   - [ ] Creating a video script
+   - [ ] Selecting an avatar voice
+2. Which part of the HeyGen interface helps you start a new avatar project?
+   - [ ] The billing section
+   - [ ] The help center
+   - [x] The "Create Avatar" or similar project button
+   - [ ] The video export menu
+3. What is a key requirement during the avatar creation process in HeyGen?
+   - [ ] Choosing a background music track
+   - [x] Giving consent for recording or uploading content
+   - [ ] Selecting a video resolution
+   - [ ] Adding subtitles to the avatar
+4. After your avatar is ready, what’s the next logical step in HeyGen?
+   - [ ] Deleting the avatar to start over
+   - [ ] Changing your account password
+   - [x] Using the avatar to create a video or project
+   - [ ] Exploring other unrelated tools
+## 🏆 Mini Challenge: Reflect on Your Journey
+Let’s take a moment to think about your experience so far. Answer this open-ended question to deepen your understanding and share your thoughts. There’s no wrong answer here—just be honest and reflective!
+### What’s Your Biggest Takeaway?
+What’s one thing you’ve learned about avatar creation or AI video tools that surprised or excited you the most? How do you plan to use this knowledge in a future project?
+## Celebrate Your Progress 🥳
+Fantastic work completing this quiz! 🌟 Whether you aced every question or found a few tricky spots, you’ve taken a huge step in mastering HeyGen and understanding the broader landscape of AI video tools. Use any gaps in your knowledge as motivation to revisit specific lessons or experiment more with the platforms. Reflect on your mini challenge response—your excitement and ideas are the fuel for your next creative endeavor!

package/src/output/directory/36c705fc-2075-4bb0-88a5-2dc23237e48e/html/00.0-welcome-to-avatar-creation-with-heygen/README.html ADDED Viewed

@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>README.md</title>
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <link rel="stylesheet" href="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\utils\templates\epub\epub.css" />
+</head>
+<body>
+<h1 id="welcome-to-avatar-creation-with-heygen"><code>00.0</code> -
+Welcome to Avatar Creation with HeyGen</h1>
+<p>Hey there, future avatar creator! 🎉 Are you ready to step into the
+exciting world of AI-powered video creation? In just 30 minutes, you’ll
+embark on a journey to craft your very own digital avatar using HeyGen,
+a cutting-edge platform that makes video production fun and accessible.
+Whether you’re a content creator, educator, or just curious about AI
+tools, this course is your gateway to creating engaging, personalized
+videos with ease.</p>
+<p>Here’s what you’ll achieve: understand the basics of HeyGen, set up
+your account, create a unique avatar, and produce your first video. This
+course is structured into bite-sized modules to guide you step-by-step.
+Let’s dive in and unleash your creativity—click ahead to get
+started!</p>
+<h3 id="what-youll-learn-in-this-course">What You’ll Learn in This
+Course</h3>
+<ul>
+<li><strong>HeyGen Basics</strong>: Get familiar with the platform and
+its powerful features.</li>
+<li><strong>Avatar Creation</strong>: Build a digital version of
+yourself or a custom character.</li>
+<li><strong>Video Production</strong>: Use your avatar to create
+professional-looking videos effortlessly.</li>
+<li><strong>Exploration</strong>: Discover additional tools to enhance
+your content.</li>
+</ul>
+<h3 id="why-heygen">Why HeyGen?</h3>
+<p>HeyGen simplifies video creation by leveraging AI, saving you time
+and resources while delivering high-quality results. Perfect for
+beginners, this tool opens up endless possibilities for storytelling and
+communication.</p>
+<p>Let’s not wait any longer—continue to the next lesson to explore
+HeyGen and start your avatar-making adventure!</p>
+</body>
+</html>

package/src/output/directory/36c705fc-2075-4bb0-88a5-2dc23237e48e/html/01.0-introduction-to-heygen/README.html ADDED Viewed

@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>README.md</title>
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <link rel="stylesheet" href="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\utils\templates\epub\epub.css" />
+</head>
+<body>
+<h1 id="introduction-to-heygen"><code>01.0</code> - Introduction to
+HeyGen</h1>
+<p>Hey, avatar enthusiast! 🌟 Welcome to the first step of your journey
+into the world of AI-powered video creation with HeyGen. If you’ve ever
+dreamed of crafting engaging videos or digital avatars for personal
+projects, marketing, or just for fun, you’re in the right place. Today,
+we’re diving into what HeyGen is all about and why it’s a game-changer
+for creators like you. Let’s explore how this platform can bring your
+ideas to life!</p>
+<p>In this lesson, we’ll uncover the magic behind HeyGen, its role in
+AI-driven video and avatar creation, and give you a sneak peek at its
+standout features. By the end, you’ll understand why HeyGen is the go-to
+tool for beginners and pros alike. Ready to get started? Let’s jump
+in!</p>
+<h2 id="what-is-heygen">What is HeyGen?</h2>
+<p>HeyGen is an innovative platform that uses artificial intelligence to
+simplify video creation. Whether you’re looking to create a digital
+avatar of yourself or produce professional-grade videos without
+expensive equipment, HeyGen has got you covered. It’s designed to save
+time, reduce costs, and make video production accessible to everyone—no
+prior experience needed!</p>
+<p>At its core, HeyGen specializes in generating realistic avatars and
+syncing them with voiceovers or scripts to create dynamic videos. Think
+of it as your personal video studio, powered by AI, right at your
+fingertips. From educators creating engaging lessons to businesses
+crafting marketing content, HeyGen opens up a world of
+possibilities.</p>
+<h2 id="why-use-heygen-for-your-projects">Why Use HeyGen for Your
+Projects?</h2>
+<p>Let’s break down why HeyGen stands out and how it can benefit you: -
+<strong>Personalization</strong>: Create avatars that look like you or
+design custom characters to represent your brand or story. -
+<strong>Efficiency</strong>: Produce high-quality videos in minutes, not
+hours, thanks to AI automation. - <strong>Versatility</strong>: Use
+HeyGen for personal vlogs, professional presentations, social media
+content, or even e-learning materials. - <strong>Accessibility</strong>:
+No need for fancy cameras or editing software—HeyGen handles the heavy
+lifting.</p>
+<p>Imagine creating a video for your small business without hiring a
+videographer, or designing a digital spokesperson for your online course
+in just a few clicks. That’s the power of HeyGen!</p>
+<h2 id="key-features-of-heygen-a-quick-overview">Key Features of HeyGen:
+A Quick Overview</h2>
+<p>Before we dive deeper in later lessons, here’s a snapshot of what
+HeyGen offers to fuel your creativity:</p>
+<table>
+<colgroup>
+<col style="width: 32%" />
+<col style="width: 67%" />
+</colgroup>
+<thead>
+<tr>
+<th><strong>Feature</strong></th>
+<th><strong>What It Does</strong></th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><strong>Avatar Creation</strong></td>
+<td>Build lifelike digital avatars from photos or templates.</td>
+</tr>
+<tr>
+<td><strong>Voice Synthesis</strong></td>
+<td>Add natural-sounding voiceovers in multiple languages.</td>
+</tr>
+<tr>
+<td><strong>Video Templates</strong></td>
+<td>Choose from pre-designed layouts for quick video setup.</td>
+</tr>
+<tr>
+<td><strong>Script Integration</strong></td>
+<td>Input text or scripts for your avatar to speak.</td>
+</tr>
+<tr>
+<td><strong>Customization Options</strong></td>
+<td>Adjust expressions, backgrounds, and more for unique results.</td>
+</tr>
+</tbody>
+</table>
+<p>These features work together to make video creation seamless. Whether
+you’re telling a story or promoting a product, HeyGen equips you with
+the tools to do it effortlessly.</p>
+<h2 id="real-world-applications">Real-World Applications</h2>
+<p>Let’s put this into context with a couple of scenarios where HeyGen
+shines: - <strong>For Content Creators</strong>: Want to stand out on
+social media? Use HeyGen to create an avatar that delivers your message
+in a unique, eye-catching way. - <strong>For Businesses</strong>: Need a
+consistent brand voice? Design a digital spokesperson to represent your
+company across videos without reshooting every time.</p>
+<p>Think about a project you’re working on—how could HeyGen elevate it?
+Keep that in mind as we move forward!</p>
+<p>That’s it for now! You’ve got the big picture of what HeyGen is and
+how it can transform your creative process. Click ahead to the next
+lesson, where we’ll guide you through setting up your HeyGen account and
+getting started. Let’s make some magic happen! 🚀</p>
+</body>
+</html>

package/src/output/directory/36c705fc-2075-4bb0-88a5-2dc23237e48e/html/01.1-setting-up-a-heygen-account/README.html ADDED Viewed

@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>README.md</title>
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <link rel="stylesheet" href="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\utils\templates\epub\epub.css" />
+</head>
+<body>
+<h1 id="setting-up-a-heygen-account"><code>01.1</code> - Setting Up a
+HeyGen Account</h1>
+<p>Hey there, future avatar creator! 🎉 You’ve just learned what HeyGen
+is all about in the previous lesson, and now it’s time to roll up your
+sleeves and get started. Today, we’re walking through the essential
+first step: setting up your very own HeyGen account. This is your
+gateway to creating stunning AI-powered avatars and videos, so let’s
+make sure you’re set up for success!</p>
+<p>In this lesson, we’ll guide you through the process of signing up,
+verifying your email, and completing your profile. By the end, you’ll be
+ready to dive into the HeyGen platform and start exploring its creative
+tools. Let’s jump right in and get your account up and running!</p>
+<h2 id="step-1-visit-the-heygen-website">Step 1: Visit the HeyGen
+Website</h2>
+<p>First things first, you need to head over to the official HeyGen
+website. Open your favorite browser—whether it’s Chrome, Firefox, or
+Safari—and type in <a href="https://app.heygen.com/">www.heygen.com</a>.
+Hit enter, and you’ll land on their homepage. Look for the <strong>Sign
+up for free</strong> button, which is located at the top right corner of
+the page.</p>
+<p>Take a moment to familiarize yourself with the homepage. You might
+see examples of avatars or videos created with HeyGen, which can be
+pretty inspiring! Once you’re ready, click that <strong>Sign Up</strong>
+button to begin the registration process.</p>
+<h2 id="step-2-register-with-your-email">Step 2: Register with Your
+Email</h2>
+<p>After clicking <strong>Sign Up</strong>, you’ll be prompted to enter
+your email address. Use an email you check regularly since you’ll need
+it for verification. HeyGen may also offer the option to sign up using a
+Google or social media account for convenience—feel free to choose this
+if it’s easier for you.</p>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\36c705fc-2075-4bb0-88a5-2dc23237e48e\learn\assets\screenshot-2025-08-20-091438png"
+alt="/.learn/assets/screenshot-2025-08-20-091438png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-091438png</figcaption>
+</figure>
+<p>Fill in the required fields, which typically include:</p>
+<p>Once you’ve filled everything out, finish creating your account and
+move to the next step.</p>
+<h2 id="step-3-explore-your-dashboard">Step 3: Explore Your
+Dashboard</h2>
+<p>Congratulations, you’re officially in! 🎊 After setting up your
+profile, you’ll land on the HeyGen dashboard. This is your control
+center for creating avatars and videos. Take a minute to look around.
+You might see options like <strong>Create Avatar</strong>, <strong>Start
+a Video</strong>, or <strong>Templates</strong>. Don’t click anything
+just yet—we’ll dive deeper into navigation in the next lesson.</p>
+<p>For now, celebrate this milestone! You’ve successfully set up your
+HeyGen account and are one step closer to bringing your ideas to
+life.</p>
+<h2 id="quick-checklist-before-moving-on">Quick Checklist Before Moving
+On</h2>
+<p>Let’s make sure you’ve got everything in place. Review this quick
+checklist:</p>
+<table>
+<thead>
+<tr>
+<th><strong>Task</strong></th>
+<th><strong>Completed?</strong></th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Visited HeyGen website</td>
+<td>✅ / ❌</td>
+</tr>
+<tr>
+<td>Signed up with email</td>
+<td>✅ / ❌</td>
+</tr>
+<tr>
+<td>Verified email</td>
+<td>✅ / ❌</td>
+</tr>
+<tr>
+<td>Completed profile</td>
+<td>✅ / ❌</td>
+</tr>
+<tr>
+<td>Accessed dashboard</td>
+<td>✅ / ❌</td>
+</tr>
+</tbody>
+</table>
+<p>If you’ve checked off all these boxes, you’re ready to move forward.
+If not, revisit the step where you got stuck and troubleshoot. Remember,
+HeyGen’s support page or help center is there if you need
+assistance.</p>
+<p>You’ve done awesome work getting your account ready! Click ahead to
+learn how to navigate the HeyGen interface and start unlocking its full
+potential. Let’s keep the momentum going! 🚀</p>
+</body>
+</html>

package/src/output/directory/36c705fc-2075-4bb0-88a5-2dc23237e48e/html/01.2-understanding-heygen-interface/README.html ADDED Viewed

@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>README.md</title>
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <link rel="stylesheet" href="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\utils\templates\epub\epub.css" />
+</head>
+<body>
+<h1 id="understanding-heygen-interface"><code>01.2</code> -
+Understanding HeyGen Interface</h1>
+<p>Hey, avatar enthusiast! 🎥 Welcome back! You’ve got your HeyGen
+account set up, and now it’s time to get cozy with the platform. Think
+of this lesson as your personal tour of the HeyGen interface—a roadmap
+to help you navigate the dashboard, menus, and tools with ease. By the
+end, you’ll know exactly where to go to create avatars and videos for
+your projects.</p>
+<p>We’re diving into the layout and key features of HeyGen today. No
+guesswork, just clear directions to build your confidence. Grab a coffee
+or a snack, log into your HeyGen account, and let’s explore this
+creative playground together!</p>
+<h2 id="step-1-get-to-know-the-dashboard">Step 1: Get to Know the
+Dashboard</h2>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\36c705fc-2075-4bb0-88a5-2dc23237e48e\learn\assets\screenshot-2025-08-20-100052png"
+alt="/.learn/assets/screenshot-2025-08-20-100052png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-100052png</figcaption>
+</figure>
+<p>Once you log into HeyGen, you’re greeted by the
+<strong>dashboard</strong>—your home base. This is where all the magic
+starts. Typically, the dashboard displays a clean layout with quick
+access to your recent projects, templates, or a big
+<strong>Create</strong> button. Look around. Do you see options like
+<strong>Create Avatar</strong> or <strong>Start a Video</strong>? These
+are your gateways to action.</p>
+<h2 id="step-2-locate-the-main-navigation-menu">Step 2: Locate the Main
+Navigation Menu</h2>
+<p>Most web platforms have a navigation bar or menu, and HeyGen is no
+exception. Check the top of the screen or the left sidebar (depending on
+their design). This menu is your compass—it guides you to different
+sections like <strong>Avatars</strong>, <strong>Projects</strong>,
+<strong>Templates</strong>, or <strong>Settings</strong>. Click on each
+tab briefly to see what pops up, but don’t dive too deep yet. We’re just
+mapping things out!</p>
+<p>Pay attention to icons or labels. For example, a small person icon
+might represent your avatar tools, while a play button could lead to
+video creation. Jot down mentally (or on paper!) which menu item seems
+most exciting to you. That’s where we’ll head in future lessons.</p>
+<p>Don’t worry about creating anything yet—just explore! The goal is to
+feel like you’ve walked through a new neighborhood and know where the
+main streets are. If something confuses you, that’s okay. Write it down
+to revisit later.</p>
+<h2 id="key-interface-features-at-a-glance">Key Interface Features at a
+Glance</h2>
+<p>Here’s a handy table summarizing what you’ve discovered. Fill in the
+blanks mentally as you explore (or literally if you’re taking
+notes!):</p>
+<table>
+<colgroup>
+<col style="width: 27%" />
+<col style="width: 32%" />
+<col style="width: 40%" />
+</colgroup>
+<thead>
+<tr>
+<th><strong>Feature</strong></th>
+<th><strong>Location</strong></th>
+<th><strong>Purpose</strong></th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Dashboard</td>
+<td>Main screen after login</td>
+<td>Overview of projects and tools</td>
+</tr>
+<tr>
+<td>Navigation Menu</td>
+<td>Top bar or sidebar</td>
+<td>Access to avatars, videos, etc.</td>
+</tr>
+<tr>
+<td>Create Avatar/Video</td>
+<td>Likely on dashboard/menu</td>
+<td>Start your creative projects</td>
+</tr>
+<tr>
+<td>Help/Support</td>
+<td>Menu or footer</td>
+<td>Guides and troubleshooting</td>
+</tr>
+<tr>
+<td>Account Settings</td>
+<td>Profile icon, top right</td>
+<td>Personalize and manage account</td>
+</tr>
+</tbody>
+</table>
+<p>This table is your cheat sheet. Keep it in mind as you move to
+creating avatars in the next lesson.</p>
+<p>You’ve done fantastic work getting to know HeyGen’s interface today!
+🚀 You’re building a solid foundation, and soon you’ll be navigating
+like a pro. Click ahead to the next lesson, where we’ll start creating
+your very own avatar. Let’s turn this exploration into creation!</p>
+</body>
+</html>

package/src/output/directory/36c705fc-2075-4bb0-88a5-2dc23237e48e/html/02.0-creating-your-avatar-navigate-in-the-interface/README.html ADDED Viewed

@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>README.md</title>
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <link rel="stylesheet" href="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\utils\templates\epub\epub.css" />
+</head>
+<body>
+<h1
+id="creating-your-avatar-navigate-in-the-interface"><code>02.0</code> -
+Creating Your Avatar: Navigate in the Interface</h1>
+<p>Hey there, future avatar creator! 🌟 You’ve explored the HeyGen
+dashboard and gotten a feel for the layout. Now, let’s take the next
+exciting step: navigating the interface specifically to start creating
+your very own avatar. This lesson is all about finding the right tools
+and sections in HeyGen to kick off the avatar-making process. By the
+end, you’ll be ready to dive into crafting a digital version of yourself
+or a unique character.</p>
+<p>We’re focusing on actionable navigation today—locating the avatar
+creation section and understanding what to expect as you begin. Log into
+your HeyGen account, and let’s jump right in with purpose and a bit of
+fun!</p>
+<h2 id="step-1-head-to-the-avatar-section">Step 1: Head to the Avatar
+Section</h2>
+<p>From your HeyGen dashboard, you have two main ways to start creating
+your avatar:</p>
+<ul>
+<li>Click the <strong>plus (+) icon</strong> in the
+<strong>Avatars</strong> button on the sidebar, or<br />
+</li>
+<li>Click the <strong>“Create your avatar”</strong> button directly on
+the dashboard.</li>
+</ul>
+<p>Either option will take you to a dedicated space for avatar-related
+tools and options.</p>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\36c705fc-2075-4bb0-88a5-2dc23237e48e\learn\assets\screenshot-2025-08-20-113550png"
+alt="/.learn/assets/screenshot-2025-08-20-113550png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-113550png</figcaption>
+</figure>
+<h2 id="step-2-select-digital-twin">Step 2: Select “Digital Twin”</h2>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\36c705fc-2075-4bb0-88a5-2dc23237e48e\learn\assets\screenshot-2025-08-20-113745png"
+alt="/.learn/assets/screenshot-2025-08-20-113745png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-113745png</figcaption>
+</figure>
+<p>Once you’re in the avatar section, you’ll see two main options:
+<strong>Digital Twin</strong> and <strong>Photo Avatar</strong>.</p>
+<ul>
+<li><strong>Digital Twin</strong>: Choose this option if you want to
+create an avatar by recording yourself in a video. This method captures
+your movements and expressions for a more lifelike digital version.</li>
+<li><strong>Photo Avatar</strong>: Select this if you prefer to animate
+a photo instead. This is a quicker way to generate an avatar using just
+a still image.</li>
+</ul>
+<p>For this lesson, please select <strong>Digital Twin</strong> as your
+approach. Click on the <strong>Digital Twin</strong> option to
+proceed.</p>
+<h2 id="step-3-follow-the-instructions">Step 3: Follow the
+instructions</h2>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\36c705fc-2075-4bb0-88a5-2dc23237e48e\learn\assets\screenshot-2025-08-20-114048png"
+alt="/.learn/assets/screenshot-2025-08-20-114048png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-114048png</figcaption>
+</figure>
+<p>HeyGen will guide you step-by-step through the avatar creation
+process, so just follow the on-screen instructions. Before you begin,
+make sure you have access to a microphone and camera, as you’ll need
+both to record yourself and capture your voice for your Digital Twin
+avatar.</p>
+<p>Before you can proceed with creating your Digital Twin avatar, HeyGen
+will require you to record a short consent video. In this video, you’ll
+need to clearly state your agreement for HeyGen to use your recording
+for avatar creation purposes. This step is important for privacy and
+security reasons.</p>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\36c705fc-2075-4bb0-88a5-2dc23237e48e\learn\assets\screenshot-2025-08-20-114534png"
+alt="/.learn/assets/screenshot-2025-08-20-114534png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-114534png</figcaption>
+</figure>
+<p>Follow the on-screen prompts to record your consent video. Make sure
+you are visible, speak clearly, and follow any specific script or
+instructions provided by HeyGen. Once your consent video is submitted,
+you’ll be able to continue with the avatar creation process.</p>
+<figure>
+<img
+src="C:\Users\Usuario\projects\jobs\4geeks\learnpack\learnpack-cli\src\output\directory\36c705fc-2075-4bb0-88a5-2dc23237e48e\learn\assets\screenshot-2025-08-20-114808png"
+alt="/.learn/assets/screenshot-2025-08-20-114808png" />
+<figcaption
+aria-hidden="true">/.learn/assets/screenshot-2025-08-20-114808png</figcaption>
+</figure>
+<p>Awesome job navigating HeyGen’s interface to find the avatar creation
+hub! 🎉 You’ve taken a crucial step toward bringing your digital persona
+to life. Each click and observation today builds your confidence with
+the platform. Take a quick breather and reflect: Did anything surprise
+you about the layout? Was finding the avatar section easier or trickier
+than expected?</p>
+</body>
+</html>