<!DOCTYPE html>
<html lang="en">
<head>
  <title>Se&ntilde;or Wooly</title>
      
    <meta charset="utf-8">
    <meta name="description" content="Se&ntilde;or Wooly - A comprehensive and fun web based Spanish language learning tool">
    <meta name="google" content="notranslate" />

    
    <link rel="shortcut icon" href="https://assets.senorwooly.com/static/images/favicon.ico">
    <meta name="theme-color" content="#410064">

    
    <meta name="viewport" content="width=device-width, initial-scale=1">

    
    <meta name="google-site-verification" content="LORLPihO0_2SuED9eNmvkgqjdiXnSQKEP0ZwRt6c18Q" />

    
    
    <link rel="stylesheet" href="https://assets.senorwooly.com/static/vendor/font-awesome/v5/all.min.css">
    <link rel="stylesheet" href="https://assets.senorwooly.com/static/vendor/font-awesome/v5/v4-shims.min.css">
    <link rel="stylesheet" href="https://assets.senorwooly.com/static/css/icomoon.css">
    <link rel="stylesheet" href="https://assets.senorwooly.com/static/vendor/bootstrap/bootstrap.min.css?v=notset">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
    <link rel="stylesheet" href="https://assets.senorwooly.com/static/vendor/humane/themes/flatty.css?v=notset">

    
    <link rel="stylesheet" href="https://assets.senorwooly.com/static/vendor/rs-plugin/css/settings.css?v=notset" media="screen">

    
    <link rel="stylesheet" href="/static/css/style.css?v=notset&amp;r=4">
    <link rel="stylesheet" href="/static/css/custom.css?v=notset">
    <link rel="stylesheet" href="/static/css/customstyles.css?v=notset">

    
    <link rel="stylesheet" href="/static/css/style-v2.css?v=notset&amp;r=4">
    <link rel="stylesheet" href="/static/vendor/react-table.css?v=notset">
    <link rel="stylesheet" href="/static/css/style-v3.css?v=notset&amp;r=4">

    <script type="text/javascript" src="//use.typekit.net/hvr3wqv.js"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>

    
    <style type="text/css" id="hide-until-wooly-foxy-templates-ready">
      [data-fc-sidecart] {
        visibility: hidden !important;
      }
    </style>
    <style>
      .fx-cart-btn-container {
        cursor: progress;
      }
      .fx-cart-btn-container > * {
        pointer-events: none;
      }
      html.foxy-loaded .fx-cart-btn-container {
        cursor: auto;
      }
      html.foxy-loaded .fx-cart-btn-container > * {
        pointer-events: auto;
      }
    </style>
    <script type="text/javascript">
      document.addEventListener("DOMContentLoaded", function(event) {
        var domObserver;
        var loadFoxyCart = false;
        var showFoxyCart = false;
        var addToCartBtn;
        var foxyCart;
        var foxyCartMask;
        var closeFoxyCartBtn;
        function hideFoxyCart () {
          document.body.classList = "cart-hide";
        };
        function waitForElementToExist(selector) {
          return new Promise(function (resolve) {
            if (document.querySelector(selector)) {
              return resolve(document.querySelector(selector));
            }
            domObserver = new MutationObserver(function () {
              if (document.querySelector(selector)) {
                resolve(document.querySelector(selector));
                domObserver.disconnect();
              }
            });
            domObserver.observe(document.body, {
              subtree: true,
              childList: true,
            });
          });
        }
        setTimeout(function () {
          if (loadFoxyCart) return;
          document.documentElement.classList.add("foxy-loaded");
          var sizeDDL = document.getElementById("variation");
            if (sizeDDL && sizeDDL.options[sizeDDL.selectedIndex].text == "Select size") {
              document.querySelector("div#product-buy-btn-container a").style.pointerEvents = "none";
            }
        }, 4000);
        setInterval(function () {
          if (!loadFoxyCart) return;
          foxyCart = document.querySelector("div[data-fc-sidecart]");
          if (foxyCart) {
            if (showFoxyCart && document.body.classList.contains("cart-hide")) {
              showFoxyCart = false;
              hideFoxyCart ()
            } else if (!showFoxyCart && document.body.classList.contains("cart-visible")) {
              showFoxyCart = true;
              document.body.classList.add("show-foxy");
            }
          }
          foxyCartMask = document.querySelector("div[data-fc-ui-block]");
          if (foxyCartMask) foxyCartMask.onclick = hideFoxyCart;
          closeFoxyCartBtn = document.getElementById("close-foxycart-button");
          if (closeFoxyCartBtn) closeFoxyCartBtn.onclick = hideFoxyCart;
        }, 100);
        waitForElementToExist("link[href^='https://cdn.foxycart.com']").then(function (element) {
          loadFoxyCart = true;
          element.setAttribute("href", "https://assets.senorwooly.com/static/css/fc-side-cart.css?1");
          setTimeout(function () {
            document.documentElement.classList.add("foxy-loaded");
            var sizeDDL = document.getElementById("variation");
            if (sizeDDL && sizeDDL.options[sizeDDL.selectedIndex].text == "Select size") {
              document.querySelector("div#product-buy-btn-container a").style.pointerEvents = "none";
            }
          }, 1500);
          document.getElementById("hide-until-wooly-foxy-templates-ready").remove();
          addToCartBtn = document.getElementById("product-buy-btn-container");
          if (addToCartBtn) {
            setTimeout(function () {
              document.querySelector("div#product-buy-btn-container a").href += "&h:guest=true&h:from=store&h:fpa=false&h:extoken=";
            }, 100);
          }
        });
        waitForElementToExist("div[data-fc-sidecart]").then(function (element) {
          if (document.body.classList.contains("cart-visible")) showFoxyCart = true;
        });
      });
    </script>

    
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-SF7D8234JL"></script>
    <script type="text/javascript">
      window.dataLayer = window.dataLayer || [];
      function gtag() {dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-SF7D8234JL');
    </script>

    <script src="/static/vendor/popperjs.2.11.8.min.js?v=notset"></script>

</head>

<body>

	<header class="header header__fixed" id="header-loggedin">
		
  






<style>
  #nav\:backdrop:not([aria-hidden="true"])~main img#ww_amigos {opacity:0!important;pointer-events:none!important;}
</style>
<span aria-hidden="true" class="x-pointer-events-none x-absolute x-size-1 x-font-luckiest x-text-3 x-opacity-0">...</span>
<div id="nav:backdrop" aria-hidden="true" class="x-fixed x-inset-0 x-bg-purple-800/85 x-z-30 x-transition-opacity x-hidden x-pointer-events-none"></div>
<nav style="--nav-bar-height:5rem;" class="x-h-[--nav-bar-height] x-bg-purple x-w-full x-box-border x-relative x-z-30">
  <div class="x-fixed x-left-0 x-right-0 x-top-0 x-flex x-h-[--nav-bar-height] -x-translate-y-full x-items-center x-justify-center x-bg-white x-opacity-0 x-transition focus-within:x-translate-y-0 focus-within:x-opacity-95 x-z-50">
    <a
      id="nav:skip-link"
      href="#main"
      class="x-box-border x-rounded-0.5 x-transition-colors x-font-semibold x-underline !x-outline-offset-3 focus-within:x-outline x-text-purple-300 hover:!x-text-purple focus:!x-text-purple focus:!x-underline x-text-5"
    >
      Skip to main content
    </a>
    <script type="module">
      const link = document.getElementById("nav:skip-link");
      if (link) {
        link.onclick = () => {
          document.getElementById("main").focus();
          window.scrollTo(0, 0);
        }
      }
    </script>
  </div>

  
  <div
    id="nav:menu"
    role="dialog"
    aria-modal="true"
    aria-hidden="true"
    aria-labelledby="nav:menu:title"
    class="x-absolute x-inset-x-0 x-top-[--nav-bar-height] x-w-full x-bg-inherit x-transition -x-translate-y-full x-z-30 x-hidden x-pointer-events-none x-opaicty-0 -x-translate-y-full"
  >
    <span id="nav:menu:title" class="x-sr-only x-text-white">Navigation menu</span>

    <div
      class="x-mx-auto x-box-border x-px-4 sm:x-px-6 md:x-px-8 md:x-pt-3 x-pb-12 sm:x-pb-8 x-gap-y-8 x-grid x-grid-cols-1 md:x-grid-cols-[18rem_1fr] lg:x-grid-cols-[18rem_1fr_1fr] x-max-w-full x-w-page-content"
    >
      <section
        aria-labelledby="nav:menu:links:title"
        class="x-flex x-flex-col sm:max-lg:x-row-span-2 x-w-full x-border-0 md:x-border-r md:x-border-solid x-border-gray-100/20 x-gap-y-5"
      >
        <h2 id="nav:menu:links:title" class="x-sr-only x-text-white">
          Useful links
        </h2>

        
          <div id="nav:menu:auth-buttons" class="x-flex x-gap-x-4 md:x-hidden x-box-border x-py-1.5">
            

<button type=button

  aria-controls="nav:menu:login:popover"aria-expanded="false"aria-haspopup="dialog"
  
  id="nav:menu:login:button"
  style="--hover-mask-opacity: 0.05"
  class="x-relative x-box-border x-inline-flex x-size-max x-select-none x-appearance-none x-items-center x-justify-center x-gap-x-2 x-rounded-full x-border-none x-bg-gradient-to-b x-from-transparent x-to-black/[--hover-mask-opacity] x-bg-[length:100%_800%] x-py-0 x-font-bold x-leading-normal x-shadow-400 !x-outline-offset-3 x-transition-[background-color,background-position] x-duration-250 x-text-center focus-visible:x-outline x-[&_img]:drag-none x-no-underline hover:x-no-underline x-px-8 x-h-12.5 x-min-h-12.5 x-text-4.75 x-bg-orange x-text-white hover:x-text-white focus:x-text-white x-cursor-pointer hover:[background-position:bottom] "
>Log in</button>


<div
  id="nav:menu:login:popover"
  role="dialog"
  aria-modal="true"
  aria-hidden="true"
  aria-labelledby="nav:menu:login:popover:title"
  style="z-index:1000;"
  class="x-rounded x-p-1 x-transition-opacity x-hidden x-pointer-events-none x-opacity-0 x-bg-orange"
>
  <span id="nav:menu:login:popover:title" class="x-sr-only">Log in options</span>

  <ul class="!x-p-0 !x-m-0 x-flex x-flex-col">
    <li class="x-p-0">
      <a
        id="nav:menu:login:popover:link-1"
        href="https://student.senorwooly.com/login"
        class="x-block x-rounded x-px-4 x-py-3 x-transition-colors !x-text-4.75/5 !x-font-bold focus-visible:x-outline after:x-pointer-events-none after:x-absolute after:x--bottom-0 after:x-border-gray-100/20 !x-text-white hover:!x-no-underline after:x-left-1.5 after:x-right-1.5 after:x-h-0 after:x-border-0 after:x-border-b after:x-border-solid hover:x-bg-[#E05120]"
      >
        Student Log in
      </a>
    </li>
    <li class="x-p-0">
      <a
        id="nav:menu:login:popover:link-2"
        href="https://teacher.senorwooly.com/login"
        class="x-block x-rounded x-px-4 x-py-3 x-transition-colors !x-text-4.75/5 !x-font-bold focus-visible:x-outline !x-text-white hover:!x-no-underline hover:x-bg-[#E05120]"
      >
        Teacher Log in
      </a>
    </li>
  </ul>
</div>

<script>
  const navMenuLoginTrigger = document.getElementById("nav:menu:login:button");
  const navMenuLoginPopover = document.getElementById("nav:menu:login:popover");

  const handleNavMenuLoginClick = (e) => {
    if (!navMenuLoginPopover.contains(e.target)) navMenuLoginPopover._close();
  }
  const handleNavMenuLoginKeyDown = (e) => {
    if (e.altKey || e.metaKey || e.ctrlKey || e.shiftKey) return;
    if (e.code === "Escape") {
      e.preventDefault();
      e.stopPropagation();
      navMenuLoginPopover._close();
      navMenuLoginTrigger.focus();
    }
  }

  navMenuLoginPopover._close = () => {
    if (!navMenuLoginPopover._isOpen) return;
    navMenuLoginPopover._isOpen = false;
    navMenuLoginPopover.setAttribute("aria-hidden", "true");
    navMenuLoginPopover.classList.add("x-pointer-events-none", "x-opacity-0");
    navMenuLoginTrigger.setAttribute("aria-expanded", "false");
    window.removeEventListener("click", handleNavMenuLoginClick);
    window.removeEventListener("keydown", handleNavMenuLoginKeyDown, true);
    setTimeout(() => {
      if (!navMenuLoginPopover._isOpen) navMenuLoginPopover.classList.add("x-hidden");
    }, 300)
  }

  const navMenuLoginLink1 = document.getElementById("nav:menu:login:popover:link-1");
  const navMenuLoginLink2 = document.getElementById("nav:menu:login:popover:link-2");

  navMenuLoginLink1.onkeydown = e => {
    if (e.altKey || e.metaKey || e.ctrlKey) return
    if (e.code === "Tab") {
      e.preventDefault();
      navMenuLoginLink2.focus();
    }
  }
  navMenuLoginLink2.onkeydown = e => {
    if (e.altKey || e.metaKey || e.ctrlKey) return
    if (e.code === "Tab") {
      e.preventDefault();
      navMenuLoginLink1.focus();
    }
  }

  const navMenuLoginController = Popper.createPopper(navMenuLoginTrigger, navMenuLoginPopover, {
    placement: "bottom-start",
    modifiers: [{name: 'offset', options: {offset: [0, 12]}}],
  });

  navMenuLoginTrigger.onclick = () => {
    if (navMenuLoginPopover._isOpen) {
      navMenuLoginPopover._close();
      navMenuLoginTrigger.focus();
    } else {
      navMenuLoginTrigger.setAttribute("aria-expanded", "true");
      navMenuLoginPopover._isOpen = true;
      navMenuLoginPopover.removeAttribute("aria-hidden");
      navMenuLoginPopover.classList.remove("x-hidden");
      navMenuLoginController.update();
      setTimeout(() => {
        navMenuLoginPopover.classList.remove("x-pointer-events-none", "x-opacity-0")
        navMenuLoginLink1.focus()
      }, 0);
      setTimeout(() => {
        window.addEventListener("click", handleNavMenuLoginClick);
        window.addEventListener("keydown", handleNavMenuLoginKeyDown, true);
      }, 50)
    }
  }
</script>



            
  
  
  
    
    
  

  
  <button type=button

  aria-controls="nav:menu:signup:popover"aria-expanded="false"aria-haspopup="dialog"
  
  id="nav:menu:signup:button"
  style="--hover-mask-opacity: 0.1"
  class="x-relative x-box-border x-inline-flex x-size-max x-select-none x-appearance-none x-items-center x-justify-center x-gap-x-2 x-rounded-full x-border-none x-bg-gradient-to-b x-from-transparent x-to-black/[--hover-mask-opacity] x-bg-[length:100%_800%] x-py-0 x-font-bold x-leading-normal x-shadow-400 !x-outline-offset-3 x-transition-[background-color,background-position] x-duration-250 x-text-center focus-visible:x-outline x-[&_img]:drag-none x-no-underline hover:x-no-underline x-px-8 x-h-12.5 x-min-h-12.5 x-text-4.75 x-bg-purple-300 x-text-white hover:x-text-white focus:x-text-white x-cursor-pointer hover:[background-position:bottom] "
>Sign up</button>


  <div
    id="nav:menu:signup:popover"
    role="dialog"
    aria-modal="true"
    aria-hidden="true"
    aria-labelledby="nav:menu:signup:popover:title"
    class="x-rounded x-p-1 x-z-50 x-transition-opacity x-hidden x-pointer-events-none x-opacity-0 x-bg-purple-300 "
  >
    <span id="nav:menu:signup:popover:title" class="x-sr-only">Sign up options</span>

    <ul class="!x-p-0 !x-m-0 x-flex x-flex-col">
      <li class="x-p-0">
        <a
          id="nav:menu:signup:popover:link-1"
          href="https://student.senorwooly.com/signup"
          class="x-block x-rounded x-px-4 x-py-3 x-transition-colors !x-text-4.75/5 !x-font-bold focus-visible:x-outline after:x-pointer-events-none after:x-absolute after:x--bottom-0 after:x-border-gray-100/20 !x-text-white hover:!x-no-underline after:x-left-1.5 after:x-right-1.5 after:x-h-0 after:x-border-0 after:x-border-b after:x-border-solid hover:x-bg-purple-350/40 "
        >
          Student Sign up
        </a>
      </li>
      <li class="x-p-0">
        <a
          id="nav:menu:signup:popover:link-2"
          href="https://teacher.senorwooly.com/signup"
          class="x-block x-rounded x-px-4 x-py-3 x-transition-colors !x-text-4.75/5 !x-font-bold focus-visible:x-outline !x-text-white hover:!x-no-underline hover:x-bg-purple-350/40 "
        >
          Teacher Sign up
        </a>
      </li>
    </ul>
  </div>

  <script type="module">
    const trigger = document.getElementById("nav:menu:signup:button");
    const popover = document.getElementById("nav:menu:signup:popover");

    const handleClick = (e) => {
      if (!popover.contains(e.target)) popover._close();
    }
    const handleKeyDown = (e) => {
      if (e.altKey || e.metaKey || e.ctrlKey || e.shiftKey) return;
      if (e.code === "Escape") {
        e.preventDefault();
        e.stopPropagation();
        popover._close();
        trigger.focus();
      }
    }

    popover._close = () => {
      if (!popover._isOpen) return;
      popover._isOpen = false;
      popover.setAttribute("aria-hidden", "true");
      popover.classList.add("x-pointer-events-none", "x-opacity-0");
      trigger.setAttribute("aria-expanded", "false");
      window.removeEventListener("click", handleClick);
      window.removeEventListener("keydown", handleKeyDown, true);
      setTimeout(() => {
        if (!popover._isOpen) popover.classList.add("x-hidden");
      }, 300)
    }

    const link1 = document.getElementById("nav:menu:signup:popover:link-1");
    const link2 = document.getElementById("nav:menu:signup:popover:link-2") || document.getElementById("nav-login-teacher");

    link1.onkeydown = e => {
      if (e.altKey || e.metaKey || e.ctrlKey) return
      if (e.code === "Tab") {
        e.preventDefault();
        link2.focus();
      }
    }
    link2.onkeydown = e => {
      if (e.altKey || e.metaKey || e.ctrlKey) return
      if (e.code === "Tab") {
        e.preventDefault();
        link1.focus();
      }
    }

    const controller = Popper.createPopper(trigger, popover, {
      placement: "bottom-end",
      modifiers: [{name: 'offset', options: {offset: [0, 12]}}],
    });

    trigger.onclick = () => {
      if (popover._isOpen) {
        popover._close();
        trigger.focus();
      } else {
        trigger.setAttribute("aria-expanded", "true");
        popover._isOpen = true;
        popover.removeAttribute("aria-hidden");
        popover.classList.remove("x-hidden");
        controller.update();
        setTimeout(() => {
          popover.classList.remove("x-pointer-events-none", "x-opacity-0")
          link1.focus()
        }, 0);
        setTimeout(() => {
          window.addEventListener("click", handleClick);
          window.addEventListener("keydown", handleKeyDown, true);
        }, 50)
      }
    }
  </script>

          </div>
        

        <ul class="x-text-white x-m-0 x-py-0 x-pl-0 md:x-pr-4 x-box-border x-flex x-flex-col -x-ml-2 [&>li]:!x-p-0">
          
          <li>
            <a id="nav:menu:first-link" href="/store" class="simple x-font-bold x-text-white x-text-4.5 x-w-full x-block x-box-border x-px-2 x-py-2 transition-colors !x-rounded-1.5 hover:x-bg-purple-400 hover:x-no-underline hover:x-text-white focus:x-text-white !-x-outline-offset-2">Store</a>
          </li>
          <li>
            <a href="/music-videos" class="simple x-font-bold x-text-white x-text-4.5 x-w-full x-block x-box-border x-px-2 x-py-2 transition-colors !x-rounded-1.5 hover:x-bg-purple-400 hover:x-no-underline hover:x-text-white focus:x-text-white !-x-outline-offset-2">The Music Videos</a>
          </li>
          <li>
            <a href="/graphic-novels" class="simple x-font-bold x-text-white x-text-4.5 x-w-full x-block x-box-border x-px-2 x-py-2 transition-colors !x-rounded-1.5 hover:x-bg-purple-400 hover:x-no-underline hover:x-text-white focus:x-text-white !-x-outline-offset-2">The Graphic Novels</a>
          </li>
          <li>
            <a href="/curriculum" class="simple x-font-bold x-text-white x-text-4.5 x-w-full x-block x-box-border x-px-2 x-py-2 transition-colors !x-rounded-1.5 hover:x-bg-purple-400 hover:x-no-underline hover:x-text-white focus:x-text-white !-x-outline-offset-2">The eLearning Activities</a>
          </li>
          <li>
            <a href="/wooly-philosophy" class="simple x-font-bold x-text-white x-text-4.5 x-w-full x-block x-box-border x-px-2 x-py-2 transition-colors !x-rounded-1.5 hover:x-bg-purple-400 hover:x-no-underline hover:x-text-white focus:x-text-white !-x-outline-offset-2">The Wooly Philosophy</a>
          </li>
          <li>
            <a href="/product-privacy" class="simple x-font-bold x-text-white x-text-4.5 x-w-full x-block x-box-border x-px-2 x-py-2 transition-colors !x-rounded-1.5 hover:x-bg-purple-400 hover:x-no-underline hover:x-text-white focus:x-text-white !-x-outline-offset-2">Student Privacy</a>
          </li>

          
          <li>
            <a href="/pricing" class="simple x-font-bold x-text-white x-text-4.5 x-w-full x-block x-box-border x-px-2 x-py-2 transition-colors !x-rounded-1.5 hover:x-bg-purple-400 hover:x-no-underline hover:x-text-white focus:x-text-white !-x-outline-offset-2">Pricing</a>
          </li>
          

          
          <li>
            <button
              class="x-appearance-none x-select-none x-border-none x-text-left flyout:contact-us:trigger nav:menu:close-trigger simple x-font-bold x-text-white x-text-4.5 x-w-full x-block x-box-border x-px-2 x-py-2 transition-colors !x-rounded-1.5 hover:x-bg-purple-400 hover:x-no-underline hover:x-text-white focus:x-text-white !-x-outline-offset-2"
            >
              Contact Us
            </button>
          </li>
          
          <li>
            <a href="/purchase-orders" class="simple x-font-bold x-text-white x-text-4.5 x-w-full x-block x-box-border x-px-2 x-py-2 transition-colors !x-rounded-1.5 hover:x-bg-purple-400 hover:x-no-underline hover:x-text-white focus:x-text-white !-x-outline-offset-2">Purchase Orders</a>
          </li>
          <li>
            <a href="/team" class="simple x-font-bold x-text-white x-text-4.5 x-w-full x-block x-box-border x-px-2 x-py-2 transition-colors !x-rounded-1.5 hover:x-bg-purple-400 hover:x-no-underline hover:x-text-white focus:x-text-white !-x-outline-offset-2">The Wooly Team</a>
          </li>
          <li>
            <a href="/faq" class="simple x-font-bold x-text-white x-text-4.5 x-w-full x-block x-box-border x-px-2 x-py-2 transition-colors !x-rounded-1.5 hover:x-bg-purple-400 hover:x-no-underline hover:x-text-white focus:x-text-white !-x-outline-offset-2">FAQ</a>
          </li>
        </ul>

        
      </section>

      
      
      
      
        <section
          aria-labelledby="nav:menu:featured-product:title"
          class="x-flex max-xl:x-flex-col x-items-center x-justify-center x-box-border x-px-6 x-w-full x-gap-8 x-border-0 lg:x-border-r lg:x-border-solid x-border-gray-100/20 xl:x-translate-x-1.5 x-relative max-md:x-pt-8 md:before:x-hidden before:x-border-gray-100/20 before:x-absolute before:x-w-35 before:x-max-w-full before:x-top-0 before:x-left-1/2 before:-x-translate-x-1/2 before:x-border-0 before:x-border-t before:x-border-solid"
        >
          <h2 id="nav:menu:featured-product:title" class="x-sr-only x-text-white x-m-0">Featured Product</h2>

          <div class="x-relative x-w-fit x-h-max">
            <img
              src="https://assets.senorwooly.com/uploads/210d807a-5b90-4370-bfd2-b7f1a54179b7.png"
              alt="The Billy &amp; Gorro Winter Set: Scarf &amp; Hat Combo"
              draggable="false"
              class="x-w-42 x-object-contain x-block"
            />
            <div
              class="x-flex x-flex-col x-items-center x-justify-center x-absolute x-bottom-0 x-left-0 -x-translate-x-1/2 xl:-x-translate-x-4 x-translate-y-4 xl:x-translate-y-1/2 x-bg-purple-300 x-rounded-full x-aspect-square x-p-3 x-gap-y-0.5"
            >
              
              <h3 class="x-font-luckiest x-text-white x-m-0 x-uppercase x-font-normal x-text-7/7 x-translate-y-1">
                <span class="x-sr-only">On </span>Sale
              </h3>
              <strong class="x-font-luckiest x-text-white x-text-4/4 x-translate-y-1">
                15% OFF
              </strong>
              
            </div>
          </div>

          <div class="x-flex x-flex-col max-xl:x-items-center x-text-white x-gap-y-4">
            <span class="x-text-white x-text-6/7.5 max-xl:x-text-center md:x-max-w-75 xl:x-max-w-60">The Billy &amp; Gorro Winter Set: Scarf &amp; Hat Combo</span>

            <div class="x-flex x-items-end x-gap-x-1.5 x-w-fit">
              <b class="x-text-8/8">$33.74</b>
              <del class="x-text-4.5/4.5 x-text-purple-200 -x-translate-y-0.5">$39.70</del>
            </div>

            <a
  href=/store/product/billy-y-gorro
  
  
  
  
  
  style="--hover-mask-opacity: 0.05"
  class="x-relative x-box-border x-inline-flex x-size-max x-select-none x-appearance-none x-items-center x-justify-center x-gap-x-2 x-rounded-full x-border-none x-bg-gradient-to-b x-from-transparent x-to-black/[--hover-mask-opacity] x-bg-[length:100%_800%] x-py-0 x-font-bold x-leading-normal x-shadow-400 !x-outline-offset-3 x-transition-[background-color,background-position] x-duration-250 x-text-center focus-visible:x-outline x-[&_img]:drag-none x-no-underline hover:x-no-underline x-px-9 xs:x-px-12 x-h-13 x-min-h-13 x-text-4.75 x-bg-orange x-text-white hover:x-text-white focus:x-text-white x-cursor-pointer hover:[background-position:bottom] x-mt-1"
>Go to store</a>

          </div>
        </section>
      

      <section
        aria-labelledby="nav:menu:ready:title"
        class="x-flex max-xl:x-flex-col x-gap-5 x-px-6 x-box-border x-w-full x-items-center x-justify-center x-relative max-lg:x-pt-4 lg:before:x-hidden before:x-border-gray-100/20 before:x-absolute before:x-w-35 before:x-max-w-full before:x-top-0 before:x-left-1/2 before:-x-translate-x-1/2 before:x-border-0 before:x-border-t before:x-border-solid"
      >
        <img
          src="https://assets.senorwooly.com/static/images/marketing/doctor.png"
          alt=""
          draggable="false"
          class="x-size-42 x-object-contain"
        />

        <div class="x-flex x-flex-col x-items-center x-text-white x-gap-y-6">
          <h2 id="nav:menu:ready:title" class="x-text-white x-text-8 x-m-0">
            Are you ready<span class="sr-only">to sign up</span>?
          </h2>

          <div class="x-flex x-flex-col x-w-70 2xs:x-w-79 x-gap-y-6">
            

            
              <a
  href=/pricing
  
  
  
  
  
  style="--hover-mask-opacity: 0.05"
  class="x-relative x-box-border x-inline-flex x-size-max x-select-none x-appearance-none x-items-center x-justify-center x-gap-x-2 x-rounded-full x-border-none x-bg-gradient-to-b x-from-transparent x-to-black/[--hover-mask-opacity] x-bg-[length:100%_800%] x-py-0 x-font-bold x-leading-normal x-shadow-400 !x-outline-offset-3 x-transition-[background-color,background-position] x-duration-250 x-text-center focus-visible:x-outline x-[&_img]:drag-none x-no-underline hover:x-no-underline x-px-9 xs:x-px-12 x-h-13 x-min-h-13 x-text-4.75 x-bg-orange x-text-white hover:x-text-white focus:x-text-white x-cursor-pointer hover:[background-position:bottom] x-w-full"
>Yes, I want to sign up!</a>

            

            <button type=button

  
  
  id="nav:menu:last-el"
  style="--hover-mask-opacity: 0.1"
  class="x-relative x-box-border x-inline-flex x-size-max x-select-none x-appearance-none x-items-center x-justify-center x-gap-x-2 x-rounded-full x-border-none x-bg-gradient-to-b x-from-transparent x-to-black/[--hover-mask-opacity] x-bg-[length:100%_800%] x-py-0 x-font-bold x-leading-normal x-shadow-400 !x-outline-offset-3 x-transition-[background-color,background-position] x-duration-250 x-text-center focus-visible:x-outline x-[&_img]:drag-none x-no-underline hover:x-no-underline x-px-9 xs:x-px-12 x-h-13 x-min-h-13 x-text-4.75 x-bg-purple-300 x-text-white hover:x-text-white focus:x-text-white x-cursor-pointer hover:[background-position:bottom] flyout:learn-more:trigger nav:menu:close-trigger x-w-full max-2xs:!x-px-5"
>Not yet. Show me more!</button>

          </div>
        </div>
      </section>
    </div>
  </div>

  <div
    class="x-relative x-flex x-bg-inherit x-items-center x-max-w-full x-w-page-content x-mx-auto x-box-border x-px-4 sm:x-px-6 md:x-px-8 x-h-inherit x-z-40"
  >
    <a href="/" class="simple x-mr-4" aria-labelledby="nav:logo-link">
      <span id="nav:logo-link" class="x-sr-only">Homepage</span>
      <img src="https://assets.senorwooly.com/static/images/marketing/logo.svg" lang='es' alt="Señor Wooly logo"
        draggable="false" class='x-aspect-[3/1] x-w-25 sm:x-w-31' />
    </a>

    <button
      id="nav:menu:trigger"
      aria-haspopup="dialog"
      aria-expanded="false"
      aria-controls="nav:menu"
      class="simple x-text-white x-font-bold x-text-5 x-box-border max-xs:x-translate-x-2 x-px-2 xs:x-min-w-24 sm:x-min-w-30 x-h-10 x-transition-colors hover:x-bg-purple-400 !x-rounded-1.5 x-flex x-items-center x-justify-center x-gap-x-2 max-xs:x-ml-auto !x-outline-offset-0 focus-visible:x-z-10"
    >
      <span class="x-sr-only">Toggle Navigation </span>Menu

      <i
        aria-hidden="true"
        
        class="!x-text-4 x-translate-y-0.25 x-transition-transform fas fa-chevron-down"
      ></i>
    </button>

    <script type="module">
      const trigger = document.getElementById("nav:menu:trigger");
      const backdrop = document.getElementById("nav:backdrop");
      const menu = document.getElementById("nav:menu");

      const handleClick = (e) => {
        if (e.target.classList.contains("nav:menu:close-trigger") || !menu.contains(e.target))
          menu._close();
      }
      const handleKeyDown = (e) => {
        if (e.altKey || e.metaKey || e.ctrlKey || e.shiftKey) return;
        if (e.code === "Escape") {
          e.preventDefault();
          menu._close();
          trigger.focus();
        }
      }

      menu._close = () => {
        if (!menu._isOpen) return;
        menu._isOpen = false;
        menu.setAttribute("aria-hidden", "true");
        menu.classList.add("x-pointer-events-none", "x-opacity-0", "-x-translate-y-full");
        backdrop._isOpen = false;
        backdrop.setAttribute("aria-hidden", "true")
        backdrop.classList.add("x-pointer-events-none", "x-opacity-0");
        trigger.setAttribute("aria-expanded", "false");
        trigger.classList.remove("[&>i]:x-rotate-180");
        window.removeEventListener("click", handleClick);
        window.removeEventListener("keydown", handleKeyDown);
        setTimeout(() => {
          if (menu._isOpen) return;
          menu.classList.add("x-hidden");
          backdrop.classList.add("x-hidden");
        }, 300)
      }

      const link1 = document.getElementById("nav:menu:first-link")
      const button1 = document.getElementById("nav:menu:login:button")
      const lastEl = document.getElementById("nav:menu:last-el")

      const focusFirstEl = () => {
        const authButtons = document.getElementById("nav:menu:auth-buttons");
        (!authButtons || window.getComputedStyle(authButtons).getPropertyValue("display") === "none"
          ? link1
          : button1).focus();
      }
      const handleFirstElKeyDown = e => {
        if (e.altKey || e.metaKey || e.ctrlKey || !e.shiftKey) return
        if (e.code === "Tab") {
          e.preventDefault();
          lastEl.focus();
        }
      }
      if (link1) link1.onkeydown = handleFirstElKeyDown
      if (button1) button1.onkeydown = handleFirstElKeyDown
      lastEl.onkeydown = e => {
        if (e.altKey || e.metaKey || e.ctrlKey || e.shiftKey) return
        if (e.code === "Tab") {
          e.preventDefault();
          focusFirstEl();
        }
      }

      trigger.onclick = () => {
        if (menu._isOpen) {
          menu._close();
          trigger.focus();
        } else {
          trigger.setAttribute("aria-expanded", "true");
          trigger.classList.add("[&>i]:x-rotate-180");
          menu._isOpen = true;
          menu.removeAttribute("aria-hidden");
          menu.classList.remove("x-hidden");
          backdrop._isOpen = true;
          backdrop.removeAttribute("aria-hidden");
          backdrop.classList.remove("x-hidden");
          setTimeout(() => {
            menu.classList.remove("x-pointer-events-none", "x-opacity-0", "-x-translate-y-full");
            backdrop.classList.remove("x-pointer-events-none", "x-opacity-0");
          }, 0);
          setTimeout(() => {
            focusFirstEl();
            window.addEventListener("click", handleClick);
            window.addEventListener("keydown", handleKeyDown);
          }, 50);
        }
      }
    </script>

    <a
      href="/store"
      class="simple !x-rounded-1.5 !x-text-white x-font-bold x-text-5 x-w-15 xs:x-w-24 sm:x-w-30 x-h-10 x-transition-colors hover:x-bg-purple-400 hover:x-no-underline !x-outline-offset-0 focus-visible:x-z-10 x-flex x-items-center x-justify-center max-xs:x-hidden"
    >
      Store
    </a>

    <div class="x-flex x-items-center x-gap-4 xs:x-ml-auto">
      
        <div class="x-flex x-items-center x-gap-4 max-md:x-hidden">
          

<button type=button

  aria-controls="nav:bar:login:popover"aria-expanded="false"aria-haspopup="dialog"
  
  id="nav:bar:login:button"
  style="--hover-mask-opacity: 0.05"
  class="x-relative x-box-border x-inline-flex x-size-max x-select-none x-appearance-none x-items-center x-justify-center x-gap-x-2 x-rounded-full x-border-none x-bg-gradient-to-b x-from-transparent x-to-black/[--hover-mask-opacity] x-bg-[length:100%_800%] x-py-0 x-font-bold x-leading-normal x-shadow-400 !x-outline-offset-3 x-transition-[background-color,background-position] x-duration-250 x-text-center focus-visible:x-outline x-[&_img]:drag-none x-no-underline hover:x-no-underline x-px-8 x-h-12.5 x-min-h-12.5 x-text-4.75 x-bg-orange x-text-white hover:x-text-white focus:x-text-white x-cursor-pointer hover:[background-position:bottom] "
>Log in</button>


<div
  id="nav:bar:login:popover"
  role="dialog"
  aria-modal="true"
  aria-hidden="true"
  aria-labelledby="nav:bar:login:popover:title"
  style="z-index:1000;"
  class="x-rounded x-p-1 x-transition-opacity x-hidden x-pointer-events-none x-opacity-0 x-bg-orange"
>
  <span id="nav:bar:login:popover:title" class="x-sr-only">Log in options</span>

  <ul class="!x-p-0 !x-m-0 x-flex x-flex-col">
    <li class="x-p-0">
      <a
        id="nav:bar:login:popover:link-1"
        href="https://student.senorwooly.com/login"
        class="x-block x-rounded x-px-4 x-py-3 x-transition-colors !x-text-4.75/5 !x-font-bold focus-visible:x-outline after:x-pointer-events-none after:x-absolute after:x--bottom-0 after:x-border-gray-100/20 !x-text-white hover:!x-no-underline after:x-left-1.5 after:x-right-1.5 after:x-h-0 after:x-border-0 after:x-border-b after:x-border-solid hover:x-bg-[#E05120]"
      >
        Student Log in
      </a>
    </li>
    <li class="x-p-0">
      <a
        id="nav-login-teacher"
        href="https://teacher.senorwooly.com/login"
        class="x-block x-rounded x-px-4 x-py-3 x-transition-colors !x-text-4.75/5 !x-font-bold focus-visible:x-outline !x-text-white hover:!x-no-underline hover:x-bg-[#E05120]"
      >
        Teacher Log in
      </a>
    </li>
  </ul>
</div>

<script>
  const navBarLoginTrigger = document.getElementById("nav:bar:login:button");
  const navBarLoginPopover = document.getElementById("nav:bar:login:popover");

  const handleNavBarLoginClick = (e) => {
    if (!navBarLoginPopover.contains(e.target)) navBarLoginPopover._close();
  }
  const handleNavBarLoginKeyDown = (e) => {
    if (e.altKey || e.metaKey || e.ctrlKey || e.shiftKey) return;
    if (e.code === "Escape") {
      e.preventDefault();
      e.stopPropagation();
      navBarLoginPopover._close();
      navBarLoginTrigger.focus();
    }
  }

  navBarLoginPopover._close = () => {
    if (!navBarLoginPopover._isOpen) return;
    navBarLoginPopover._isOpen = false;
    navBarLoginPopover.setAttribute("aria-hidden", "true");
    navBarLoginPopover.classList.add("x-pointer-events-none", "x-opacity-0");
    navBarLoginTrigger.setAttribute("aria-expanded", "false");
    window.removeEventListener("click", handleNavBarLoginClick);
    window.removeEventListener("keydown", handleNavBarLoginKeyDown, true);
    setTimeout(() => {
      if (!navBarLoginPopover._isOpen) navBarLoginPopover.classList.add("x-hidden");
    }, 300)
  }

  const navBarLoginLink1 = document.getElementById("nav:bar:login:popover:link-1");
  const navBarLoginLink2 = document.getElementById("nav-login-teacher");

  navBarLoginLink1.onkeydown = e => {
    if (e.altKey || e.metaKey || e.ctrlKey) return
    if (e.code === "Tab") {
      e.preventDefault();
      navBarLoginLink2.focus();
    }
  }
  navBarLoginLink2.onkeydown = e => {
    if (e.altKey || e.metaKey || e.ctrlKey) return
    if (e.code === "Tab") {
      e.preventDefault();
      navBarLoginLink1.focus();
    }
  }

  const navBarLoginController = Popper.createPopper(navBarLoginTrigger, navBarLoginPopover, {
    placement: "bottom",
    modifiers: [{name: 'offset', options: {offset: [0, 12]}}],
  });

  navBarLoginTrigger.onclick = () => {
    if (navBarLoginPopover._isOpen) {
      navBarLoginPopover._close();
      navBarLoginTrigger.focus();
    } else {
      navBarLoginTrigger.setAttribute("aria-expanded", "true");
      navBarLoginPopover._isOpen = true;
      navBarLoginPopover.removeAttribute("aria-hidden");
      navBarLoginPopover.classList.remove("x-hidden");
      navBarLoginController.update();
      setTimeout(() => {
        navBarLoginPopover.classList.remove("x-pointer-events-none", "x-opacity-0")
        navBarLoginLink1.focus()
      }, 0);
      setTimeout(() => {
        window.addEventListener("click", handleNavBarLoginClick);
        window.addEventListener("keydown", handleNavBarLoginKeyDown, true);
      }, 50)
    }
  }
</script>


          
  
  
  
    
    
  

  
  <button type=button

  aria-controls="nav:signup:popover"aria-expanded="false"aria-haspopup="dialog"
  
  id="nav:signup:button"
  style="--hover-mask-opacity: 0.1"
  class="x-relative x-box-border x-inline-flex x-size-max x-select-none x-appearance-none x-items-center x-justify-center x-gap-x-2 x-rounded-full x-border-none x-bg-gradient-to-b x-from-transparent x-to-black/[--hover-mask-opacity] x-bg-[length:100%_800%] x-py-0 x-font-bold x-leading-normal x-shadow-400 !x-outline-offset-3 x-transition-[background-color,background-position] x-duration-250 x-text-center focus-visible:x-outline x-[&_img]:drag-none x-no-underline hover:x-no-underline x-px-8 x-h-12.5 x-min-h-12.5 x-text-4.75 x-bg-purple-300 x-text-white hover:x-text-white focus:x-text-white x-cursor-pointer hover:[background-position:bottom] "
>Sign up</button>


  <div
    id="nav:signup:popover"
    role="dialog"
    aria-modal="true"
    aria-hidden="true"
    aria-labelledby="nav:signup:popover:title"
    class="x-rounded x-p-1 x-z-50 x-transition-opacity x-hidden x-pointer-events-none x-opacity-0 x-bg-purple-300 "
  >
    <span id="nav:signup:popover:title" class="x-sr-only">Sign up options</span>

    <ul class="!x-p-0 !x-m-0 x-flex x-flex-col">
      <li class="x-p-0">
        <a
          id="nav:signup:popover:link-1"
          href="https://student.senorwooly.com/signup"
          class="x-block x-rounded x-px-4 x-py-3 x-transition-colors !x-text-4.75/5 !x-font-bold focus-visible:x-outline after:x-pointer-events-none after:x-absolute after:x--bottom-0 after:x-border-gray-100/20 !x-text-white hover:!x-no-underline after:x-left-1.5 after:x-right-1.5 after:x-h-0 after:x-border-0 after:x-border-b after:x-border-solid hover:x-bg-purple-350/40 "
        >
          Student Sign up
        </a>
      </li>
      <li class="x-p-0">
        <a
          id="nav:signup:popover:link-2"
          href="https://teacher.senorwooly.com/signup"
          class="x-block x-rounded x-px-4 x-py-3 x-transition-colors !x-text-4.75/5 !x-font-bold focus-visible:x-outline !x-text-white hover:!x-no-underline hover:x-bg-purple-350/40 "
        >
          Teacher Sign up
        </a>
      </li>
    </ul>
  </div>

  <script type="module">
    const trigger = document.getElementById("nav:signup:button");
    const popover = document.getElementById("nav:signup:popover");

    const handleClick = (e) => {
      if (!popover.contains(e.target)) popover._close();
    }
    const handleKeyDown = (e) => {
      if (e.altKey || e.metaKey || e.ctrlKey || e.shiftKey) return;
      if (e.code === "Escape") {
        e.preventDefault();
        e.stopPropagation();
        popover._close();
        trigger.focus();
      }
    }

    popover._close = () => {
      if (!popover._isOpen) return;
      popover._isOpen = false;
      popover.setAttribute("aria-hidden", "true");
      popover.classList.add("x-pointer-events-none", "x-opacity-0");
      trigger.setAttribute("aria-expanded", "false");
      window.removeEventListener("click", handleClick);
      window.removeEventListener("keydown", handleKeyDown, true);
      setTimeout(() => {
        if (!popover._isOpen) popover.classList.add("x-hidden");
      }, 300)
    }

    const link1 = document.getElementById("nav:signup:popover:link-1");
    const link2 = document.getElementById("nav:signup:popover:link-2") || document.getElementById("nav-login-teacher");

    link1.onkeydown = e => {
      if (e.altKey || e.metaKey || e.ctrlKey) return
      if (e.code === "Tab") {
        e.preventDefault();
        link2.focus();
      }
    }
    link2.onkeydown = e => {
      if (e.altKey || e.metaKey || e.ctrlKey) return
      if (e.code === "Tab") {
        e.preventDefault();
        link1.focus();
      }
    }

    const controller = Popper.createPopper(trigger, popover, {
      placement: "bottom",
      modifiers: [{name: 'offset', options: {offset: [0, 12]}}],
    });

    trigger.onclick = () => {
      if (popover._isOpen) {
        popover._close();
        trigger.focus();
      } else {
        trigger.setAttribute("aria-expanded", "true");
        popover._isOpen = true;
        popover.removeAttribute("aria-hidden");
        popover.classList.remove("x-hidden");
        controller.update();
        setTimeout(() => {
          popover.classList.remove("x-pointer-events-none", "x-opacity-0")
          link1.focus()
        }, 0);
        setTimeout(() => {
          window.addEventListener("click", handleClick);
          window.addEventListener("keydown", handleKeyDown, true);
        }, 50)
      }
    }
  </script>

        </div>
      
    </div>
  </div>

  <form aria-hidden="true" id="logoutForm" method="POST" action="/api/v2/auth/logout/" class="hidden">
    
    <label for="nav:email-addr-input" class="x-sr-only x-text-white">
      CSRF Token
    </label>
    <input id="nav:email-addr-input" type="hidden" name="csrf_token" value="NYTrsrXGh8erA2n2eh4W4oe3j/iYuGimXhm9tAHiBOCeYhHIcgI3wwZo2&#43;SF4So/XwzaYy117ifUSuz45XjUJQ==" />
  </form>
</nav>



	</header>

  <div class="content-wrapper">

      
      <section class="page-section">
        <div class="container">

          <div class="section-title-wrapper">
            <div class="section-title-inner">
              <h1 class="section-title section-title__lg">Blog</h1>
							
            </div>
          </div>

          <div class="row">

            
            <div class="sidebar col-md-3 col-md-push-9">
             
              <div class="widget_categories widget widget__sidebar">
                <ul>
									<li><a href="/blog/">All</a>
									
									<li><a href="?category=Lesson%20Plans">Lesson Plans</a>
										
                    <ul class="children">
											<li><a href="?category=Lesson%20Plans&subcategory="></a></li>
                    </ul>
										
                  </li>
									
									<li><a href="?category=Media">Media</a>
										
                    <ul class="children">
											<li><a href="?category=Media&subcategory=Other%20Videos">Other Videos</a></li><li><a href="?category=Media&subcategory=Music">Music</a></li><li><a href="?category=Media&subcategory=Vlogs">Vlogs</a></li><li><a href="?category=Media&subcategory=Conjugation%20Rhythms">Conjugation Rhythms</a></li><li><a href="?category=Media&subcategory=Activity%20Video%20Tutorials">Activity Video Tutorials</a></li>
                    </ul>
										
                  </li>
									
									<li><a href="?category=News">News</a>
										
                    <ul class="children">
											<li><a href="?category=News&subcategory="></a></li>
                    </ul>
										
                  </li>
									
                </ul>
              </div>
              
            </div>
            

            
            <main class="col-md-9 col-md-pull-3">

              
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/billy-y-las-botas-is-back-and-its-very-different">
										<img src="https://assets.senorwooly.com/uploads/57dab71a-9186-4f14-8118-39e63400845b.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">28</span>
                    <span class="entry-month">Apr</span>
										
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/billy-y-las-botas-is-back-and-its-very-different">Billy y Las Botas is back. And it’s very different.</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><!-- [if !mso]><!-->
<p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/billy-y-las-botas-is-back-and-its-very-different" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/our-newest-childrens-book-mundo-de-pan-is-here-">
										<img src="https://assets.senorwooly.com/uploads/f02ac478-e9e0-4d16-91f5-c0a77d830766.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">19</span>
                    <span class="entry-month">Feb</span>
										
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/our-newest-childrens-book-mundo-de-pan-is-here-">Our newest children&#39;s book, Mundo de pan, is here! </a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><!-- [if (gte mso 9)|(IE)]>
      <xml>
        <o:OfficeDocumentSettings>
          <o:AllowPNG/>
          <o:PixelsPerInch>96</o:PixelsPerInch>
        </o:OfficeDocumentSettings>
      </xml>
      <![endif]-->
<p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/our-newest-childrens-book-mundo-de-pan-is-here-" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/the-wooly-week-2025-super-sale-is-here">
										<img src="https://assets.senorwooly.com/uploads/f336e987-59fa-4ce9-8eee-b74dbcdafc78.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">10</span>
                    <span class="entry-month">Nov</span>
										
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/the-wooly-week-2025-super-sale-is-here">The Wooly Week 2025 SUPER SALE is here!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/the-wooly-week-2025-super-sale-is-here" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">19</span>
                    <span class="entry-month">Aug</span>
										
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/why-were-not-using-ai-at-seor-wooly">Why We’re Not Using AI at Señor Wooly</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/why-were-not-using-ai-at-seor-wooly" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/bao-is-back-but-better-so-much-better">
										<img src="https://assets.senorwooly.com/uploads/6d40d23b-3b56-4797-ab3b-bb68fae32a42.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">11</span>
                    <span class="entry-month">Aug</span>
										
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/bao-is-back-but-better-so-much-better">Baño is back. But better. So much better.</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/bao-is-back-but-better-so-much-better" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-spring-fling-is-almost-here">
										<img src="https://assets.senorwooly.com/uploads/c17e805b-42f2-418f-8cc3-b4df5adeff3d.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">07</span>
                    <span class="entry-month">Mar</span>
										<span class="entry-year">2025</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-spring-fling-is-almost-here">Wooly Spring Fling is almost here!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-spring-fling-is-almost-here" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">03</span>
                    <span class="entry-month">Oct</span>
										<span class="entry-year">2024</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/lesson-plans---encerrada-en-la-escuela">LESSON PLANS - Encerrada en la escuela</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/lesson-plans---encerrada-en-la-escuela" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/the-wooly-week-2024-winners-are">
										<img src="https://assets.senorwooly.com/uploads/68363424-176a-4f17-af0c-ba7140fc0bf7.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">08</span>
                    <span class="entry-month">May</span>
										<span class="entry-year">2024</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/the-wooly-week-2024-winners-are">The Wooly Week 2024 winners are...</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/the-wooly-week-2024-winners-are" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-week-2024-announcement">
										<img src="https://assets.senorwooly.com/uploads/916f7e29-7465-468a-92ff-d7cc2519c0f3.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">13</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2024</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-week-2024-announcement">Wooly Week 2024 Announcement!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-week-2024-announcement" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/seor-wooly-made-a-childrens-book-hubba-wha">
										<img src="https://assets.senorwooly.com/uploads/47ba485b-281c-4e3d-8657-cc078aeda3a2.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">01</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2024</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/seor-wooly-made-a-childrens-book-hubba-wha">Señor Wooly made a children&#39;s book? Hubba-wha?!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/seor-wooly-made-a-childrens-book-hubba-wha" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">16</span>
                    <span class="entry-month">Oct</span>
										<span class="entry-year">2023</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/google-change-to-sso-student-log-ins">Google Change to SSO Student Log-ins</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/google-change-to-sso-student-log-ins" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/the-new-wooly-graphic-novel-is-here">
										<img src="https://assets.senorwooly.com/uploads/e7e78d75-ee56-4d6c-b0cc-3962d12892ef.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">13</span>
                    <span class="entry-month">Sep</span>
										<span class="entry-year">2023</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/the-new-wooly-graphic-novel-is-here">The new Wooly graphic novel is here!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/the-new-wooly-graphic-novel-is-here" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/the-single-best-newsletter-in-wooly-history">
										<img src="https://assets.senorwooly.com/uploads/69af081f-8d94-43eb-b79a-58b4271eb0e7.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">23</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2023</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/the-single-best-newsletter-in-wooly-history">The single best newsletter in Wooly history!!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/the-single-best-newsletter-in-wooly-history" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">17</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2023</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/puedo-ir-al-bao-lesson-plans">¿Puedo ir al baño? Lesson Plans</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/puedo-ir-al-bao-lesson-plans" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/new-music-video-dejen-de-hacer-msica">
										<img src="https://assets.senorwooly.com/uploads/17949743-69e1-48fe-b42d-ec8077b970b4.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">26</span>
                    <span class="entry-month">Apr</span>
										<span class="entry-year">2023</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/new-music-video-dejen-de-hacer-msica">NEW MUSIC VIDEO: ¡Dejen de hacer música!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/new-music-video-dejen-de-hacer-msica" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/everyones-favorite-part-of-wooly-week-is-here">
										<img src="https://assets.senorwooly.com/uploads/1afe4fd3-cca6-4f03-aa4b-6c5dbaa00514.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">27</span>
                    <span class="entry-month">Mar</span>
										<span class="entry-year">2023</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/everyones-favorite-part-of-wooly-week-is-here">Everyone&#39;s favorite part of Wooly Week is here!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/everyones-favorite-part-of-wooly-week-is-here" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">09</span>
                    <span class="entry-month">Mar</span>
										<span class="entry-year">2023</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/new-video-the-ganga-girls-are-back">NEW VIDEO: The Ganga Girls are back!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/new-video-the-ganga-girls-are-back" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/el-antidoto-del-dragon-is-here">
										<img src="https://assets.senorwooly.com/uploads/0aa35f2b-afd9-485d-ac83-e000ad483e09.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">08</span>
                    <span class="entry-month">Mar</span>
										<span class="entry-year">2023</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/el-antidoto-del-dragon-is-here">El antídoto del dragón is here!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/el-antidoto-del-dragon-is-here" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/la-ciudad-de-la-dentista-is-in-your-accounts-now">
										<img src="https://assets.senorwooly.com/uploads/ec69db19-74cb-4d1f-bc85-052ca73dbdbf.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">08</span>
                    <span class="entry-month">Mar</span>
										<span class="entry-year">2023</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/la-ciudad-de-la-dentista-is-in-your-accounts-now">La ciudad de La Dentista is in your accounts now!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/la-ciudad-de-la-dentista-is-in-your-accounts-now" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">06</span>
                    <span class="entry-month">Mar</span>
										<span class="entry-year">2023</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-week-begins-start-here">Wooly Week begins. START HERE.</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-week-begins-start-here" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">16</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2023</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/good-news-bad-news---wooly-week-2023">Good news, bad news - Wooly Week 2023</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/good-news-bad-news---wooly-week-2023" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/how-to-prepare-for-wooly-week-2023">
										<img src="https://assets.senorwooly.com/uploads/31292282-b64d-4bb9-bb00-2e1700a86cfd.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">27</span>
                    <span class="entry-month">Jan</span>
										<span class="entry-year">2023</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/how-to-prepare-for-wooly-week-2023">How to prepare for Wooly Week 2023</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/how-to-prepare-for-wooly-week-2023" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">02</span>
                    <span class="entry-month">Jan</span>
										<span class="entry-year">2023</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-week-is-back">Wooly Week is back!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-week-is-back" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/major-new-feature-student-choice-assignments">
										<img src="https://assets.senorwooly.com/uploads/eea695ae-c53a-4be6-b978-55064a5af05d.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">19</span>
                    <span class="entry-month">Nov</span>
										<span class="entry-year">2022</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/major-new-feature-student-choice-assignments">Major new feature: Student Choice Assignments</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><!-- [if (gte mso 9)|(IE)]>
      <xml>
        <o:OfficeDocumentSettings>
          <o:AllowPNG/>
          <o:PixelsPerInch>96</o:PixelsPerInch>
        </o:OfficeDocumentSettings>
      </xml>
      <![endif]-->
<p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/major-new-feature-student-choice-assignments" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/how-to-use-the-leaderboard">
										<img src="https://assets.senorwooly.com/uploads/292164d0-367d-4078-bd52-e567244378c7.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">31</span>
                    <span class="entry-month">Oct</span>
										<span class="entry-year">2022</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/how-to-use-the-leaderboard">How to use the leaderboard</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/how-to-use-the-leaderboard" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/two-new-features-future-assignments-and-universal-captions">
										<img src="https://assets.senorwooly.com/uploads/8b1efa92-54a1-4d60-88ad-79f16b599c6c.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">22</span>
                    <span class="entry-month">Oct</span>
										<span class="entry-year">2022</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/two-new-features-future-assignments-and-universal-captions">Two new features: Future Assignments and Universal Captions</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/two-new-features-future-assignments-and-universal-captions" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">19</span>
                    <span class="entry-month">Oct</span>
										<span class="entry-year">2022</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/the-new-teacher-website-is-here">The new teacher website is here!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/the-new-teacher-website-is-here" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">13</span>
                    <span class="entry-month">May</span>
										<span class="entry-year">2022</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-version-3">Wooly Version 3</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-version-3" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">12</span>
                    <span class="entry-month">May</span>
										<span class="entry-year">2022</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/just-when-you-thought-it-was-safe-to-brush-your-teeth-again">Just when you thought it was safe to brush your teeth again.</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/just-when-you-thought-it-was-safe-to-brush-your-teeth-again" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">11</span>
                    <span class="entry-month">May</span>
										<span class="entry-year">2022</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/theyre-baaaaaack">They&#39;re baaaaaack...</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/theyre-baaaaaack" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">10</span>
                    <span class="entry-month">May</span>
										<span class="entry-year">2022</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/big-news-for-the-2022-23-school-year">Big news for the 2022-23 school year!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/big-news-for-the-2022-23-school-year" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/the-puedo-ir-al-bao-prequel-is-back-in-stock">
										<img src="https://assets.senorwooly.com/uploads/f83a6563-847f-43f8-99bc-da0c0648af46.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">19</span>
                    <span class="entry-month">Jan</span>
										<span class="entry-year">2022</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/the-puedo-ir-al-bao-prequel-is-back-in-stock">The Puedo ir al baño prequel is back in stock</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/the-puedo-ir-al-bao-prequel-is-back-in-stock" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/we-changed-the-way-students-log-into-wooly">
										<img src="https://assets.senorwooly.com/uploads/a56b0d31-2cee-49c4-af0f-33a0c845abba.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">29</span>
                    <span class="entry-month">Nov</span>
										<span class="entry-year">2021</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/we-changed-the-way-students-log-into-wooly">We changed the way students log into Wooly</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/we-changed-the-way-students-log-into-wooly" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/new-wooly-webinars-on-music-videos-and-graphic-novels">
										<img src="https://assets.senorwooly.com/uploads/1947e9b3-098f-4cdc-bc86-fd83c62729eb.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">28</span>
                    <span class="entry-month">Oct</span>
										<span class="entry-year">2021</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/new-wooly-webinars-on-music-videos-and-graphic-novels">New Wooly Webinars on Music Videos and Graphic Novels</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/new-wooly-webinars-on-music-videos-and-graphic-novels" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/puedo-ir-al-bano-prequel">
										<img src="https://assets.senorwooly.com/uploads/cd768468-3318-4962-8620-013869c2cdab.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">13</span>
                    <span class="entry-month">Oct</span>
										<span class="entry-year">2021</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/puedo-ir-al-bano-prequel">Puedo ir al baño - The prequel?!!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/puedo-ir-al-bano-prequel" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">27</span>
                    <span class="entry-month">Sep</span>
										<span class="entry-year">2021</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/las-botas-bonitas-y-muy">Las botas bonitas y muy...</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/las-botas-bonitas-y-muy" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">17</span>
                    <span class="entry-month">Sep</span>
										<span class="entry-year">2021</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/a-wooly-favorite-back-in-stock-after-2-years">A Wooly favorite back-in-stock after 2 years!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/a-wooly-favorite-back-in-stock-after-2-years" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">05</span>
                    <span class="entry-month">Sep</span>
										<span class="entry-year">2021</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/free-trainings-on-how-to-use-wooly">More Free Trainings on How to Use Wooly!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><!-- [if !mso]><!--><!--<![endif]--><!-- [if (gte mso 9)|(IE)]>
    <xml>
    <o:OfficeDocumentSettings>
    <o:AllowPNG/>
    <o:PixelsPerInch>96</o:PixelsPerInch>
    </o:OfficeDocumentSettings>
    </xml>
    <![endif]--><!-- [if (gte mso 9)|(IE)]>
    <style type="text/css">
      body {width: 600px;margin: 0 auto;}
      table {border-collapse: collapse;}
      table, td {mso-table-lspace: 0pt;mso-table-rspace: 0pt;}
      img {-ms-interpolation-mode: bicubic;}
    </style>
    <![endif]--><!--user entered Head Start-->
<p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/free-trainings-on-how-to-use-wooly" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">25</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2021</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/a-brand-new-graphic-novel-in-your-wooly-accounts">A brand new graphic novel in your Wooly accounts!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/a-brand-new-graphic-novel-in-your-wooly-accounts" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">20</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2021</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/woolys-big-plan-for-the-new-year">Wooly&#39;s big plan for the new year</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Dear Friends,</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/woolys-big-plan-for-the-new-year" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">02</span>
                    <span class="entry-month">Mar</span>
										<span class="entry-year">2021</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novels-are-now-included-in-the-subscription">Graphic novels are now included in the subscription!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novels-are-now-included-in-the-subscription" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">26</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2021</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/me-llamo-victor-2-is-here">Me llamo Víctor, Parte 2</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/me-llamo-victor-2-is-here" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/2-major-announcements">
										<img src="https://assets.senorwooly.com/uploads/e4d483f1-8bcb-4c03-8ae4-f6a4c4ed921d.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">26</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2021</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/2-major-announcements">2 Major Announcements</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>It's time to finally unveil what we've been working on for the past year. This is one is huge. And yes, we say that all the time, but this time we mean it.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/2-major-announcements" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">07</span>
                    <span class="entry-month">Jan</span>
										<span class="entry-year">2021</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/good-news-bad-news">Good news, bad news</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Good news and bad news, my friends.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/good-news-bad-news" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/two-upcoming-wooly-projects">
										<img src="https://assets.senorwooly.com/uploads/3e7cc731-6d97-44ea-bc14-d1a08c33f559.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">03</span>
                    <span class="entry-month">Dec</span>
										<span class="entry-year">2020</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/two-upcoming-wooly-projects">Two upcoming Wooly Projects</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/two-upcoming-wooly-projects" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">14</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2020</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/a-tough-but-important-decision">A tough, but important decision</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p dir="ltr" style="font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: small; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Arial; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; white-space: pre-wrap;">After much debate, we have made a tough decision. It&rsquo;s a decision many of you will disagree with, but one I hope you consider deeply as you read our rationale.</span></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/a-tough-but-important-decision" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">06</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2020</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/my-silence">My silence</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><di</div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/my-silence" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-week-2020">
										<img src="/static/uploads/4f6b55fb-cf59-4e87-ab21-47b458c297ec.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">03</span>
                    <span class="entry-month">Mar</span>
										<span class="entry-year">2020</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-week-2020">Wooly Week 2020!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Want to get involved in Wooly Week 2020?&nbsp; You have all of March to do as much or as little as you want!</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-week-2020" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/me-llamo-vctor-the-graphic-novel">
										<img src="/static/uploads/b39cf6c7-2b51-4070-9662-d1c91e7ab72c.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">17</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2019</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/me-llamo-vctor-the-graphic-novel">Me llamo Víctor: The Graphic Novel</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Great news! Starting today, you can finally pre-order my 3rd graphic novel, <strong>Me llamo V&iacute;ctor, Parte 1</strong>.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/me-llamo-vctor-the-graphic-novel" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">22</span>
                    <span class="entry-month">May</span>
										<span class="entry-year">2019</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/i-hope-youre-sitting-down-wooly-next-year">I hope you&#39;re sitting down: Wooly next year</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p><strong>Holy moly, what a year!</strong> We just finished up Sr. Wooly's 9th school year, and we could not be more pleased! Here are a just a few things that we accomplished this past year:</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/i-hope-youre-sitting-down-wooly-next-year" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/why-i-love-graphic-novels">
										<img src="/static/uploads/ea925c0b-e009-4989-9e71-ee59c0034476.PNG" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">02</span>
                    <span class="entry-month">May</span>
										<span class="entry-year">2019</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/why-i-love-graphic-novels">Why I love graphic novels</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>It's time to spill the beans: For the past 4 months, Juan Carlos Pinilla and I have been creating a new graphic novel about a well-known Sr Wooly character. It&rsquo;s the most ambitious, detailed and complex project either of us have ever taken on, and bringing it to fruition has pretty much consumed both of our lives.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/why-i-love-graphic-novels" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-week-lesson-plans-and-resources">
										<img src="/static/uploads/930c2a8e-9cff-47e9-a4f4-d71cdec8a9db.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">05</span>
                    <span class="entry-month">Mar</span>
										<span class="entry-year">2019</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-week-lesson-plans-and-resources">Wooly Week 2019 Lesson Plans and Resources</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p><strong>NOTE: These are&nbsp;<em>not</em> the Wooly Week 2020 Lesson plans.&nbsp;</strong> They are from 2019.&nbsp; To find the Wooly Week 2020 plans, please go to the Resources of either Diego y sus amigos or Vibra viral.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-week-lesson-plans-and-resources" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-wrap-up-essential-info">
										<img src="/static/uploads/1f08c6a2-4838-4d3c-bf12-b207de88b5c0.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">11</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2019</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-wrap-up-essential-info">Wooly Wrap-Up: Essential info</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>As Wooly Week draws to a close, I want to extend a heartfelt thanks and also applause to all of you. Whether you stuck it out for the whole week, or whether you just dipped your toes in one or two of the activities, I thank you all for taking some risks this week and for trying something new. We've done Wooly Week before, but we've never done Wooly Week like this. I hope that you had a good experience.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-wrap-up-essential-info" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/day-4-of-wooly-week-pista-picante">
										<img src="/static/uploads/5c734bc1-dd0d-47b4-bd35-5765dfdb69da.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">08</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2019</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/day-4-of-wooly-week-pista-picante">Day 4 of Wooly Week - Pista Picante</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>IT'S DAY FOUR OF WOOLY WEEK!! And we are not slowing down in the slightest. In fact, today might be the biggest day so far.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/day-4-of-wooly-week-pista-picante" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/day-5-of-wooly-week-ama">
										<img src="/static/uploads/31cd8209-8dca-4f5f-9a03-86e0ca74fbd0.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">07</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2019</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/day-5-of-wooly-week-ama">Day 5 of Wooly Week - AMA</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>WOOLY WEEK, DAY 5! And we are keeping the awesome experiences going right to the end...and even beyond.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/day-5-of-wooly-week-ama" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/day-3-of-wooly-week---ojo-sabio">
										<img src="/static/uploads/176ee419-10f1-420c-b35a-f0eb911e24f4.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">07</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2019</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/day-3-of-wooly-week---ojo-sabio">Day 3 of Wooly Week - Ojo sabio</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>WOOLY WEEK DAY THREE!! That's right, we're only half-way through this Wooly extravaganza, and we're not nearly done with the fun and games.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/day-3-of-wooly-week---ojo-sabio" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/day-2-of-wooly-week---new-music-video">
										<img src="/static/uploads/7cc2460c-aa2d-4b64-bd8b-b2298a6fe7c9.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">06</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2019</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/day-2-of-wooly-week---new-music-video">Day 2 of Wooly Week - New Music Video</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Today is the SECOND DAY of Wooly Week! Two days in and the weeklong celebration of all things Wooly is just getting warmed up!</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/day-2-of-wooly-week---new-music-video" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/day-1-of-wooly-week----karaoke-videos">
										<img src="/static/uploads/5e2f0730-8d76-4373-919a-f2b360495fab.gif" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">05</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2019</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/day-1-of-wooly-week----karaoke-videos">Day 1 of Wooly Week  - Karaoke Videos</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>It's finally here! The 3rd annual Week starts TODAY!!</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/day-1-of-wooly-week----karaoke-videos" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-week-lesson-plans">
										<img src="/static/uploads/8d6233da-b17e-4f80-88f6-acd9c29db9bb.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">29</span>
                    <span class="entry-month">Jan</span>
										<span class="entry-year">2019</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-week-lesson-plans">Wooly Week lesson plans</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p style="text-align: left;">The Wooly Week lesson plans are live!</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-week-lesson-plans" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-week-2019-what-to-expect">
										<img src="/static/uploads/4fb269b9-f3a7-4117-8ebd-62ff46afacd3.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">13</span>
                    <span class="entry-month">Jan</span>
										<span class="entry-year">2019</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-week-2019-what-to-expect">Wooly Week 2019 - What to Expect!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>The 3rd Annual Wooly Week will be February 4 to 8, and we have quite a few fun things to share with you.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-week-2019-what-to-expect" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/billy-y-las-botas-3-ha-llegado">
										<img src="/static/uploads/93b30b5c-d5d4-48f7-9cdf-1e89d95aa193.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">19</span>
                    <span class="entry-month">Sep</span>
										<span class="entry-year">2018</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/billy-y-las-botas-3-ha-llegado">¡Billy y las botas 3 ha llegado!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><div style="box-sizing: border-box; padding: 0px; margin: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; font-family: 'trebuchet ms', sans-serif; font-size: 14px; vertical-align: baseline; border: 0px;"><span style="box-sizing: border-box; font-family: tahoma, geneva, sans-serif;">After over a year in&nbsp;production, we proudly release <a href="/story/billy-y-las-botas-3/">Billy y las botas 3</a>!&nbsp; I make two promises:<br style="box-sizing: border-box;" /><br style="box-sizing: border-box;" />1) This is the last Billy y las botas&nbsp;ever.&nbsp;<br style="box-sizing: border-box;" />2) Your students will NEVER forget the ending.&nbsp;&nbsp;</span></div>
<div style="box-sizing: border-box; padding: 0px; margin: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; font-family: 'trebuchet ms', sans-serif; font-size: 14px; vertical-align: baseline; border: 0px;">&nbsp;</div>
<div style="box-sizing: border-box; padding: 0px; margin: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; font-family: 'trebuchet ms', sans-serif; font-size: 14px; vertical-align: baseline; border: 0px;"><span style="box-sizing: border-box; padding: 0px; margin: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; font-family: tahoma, geneva, sans-serif; vertical-align: baseline; border: 0px;">If you're an active subscriber, you can&nbsp;<a style="box-sizing: border-box; background: transparent; padding: 0px; margin: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; border: 0px; outline: none; color: #f1592a; text-decoration-line: none; transition: color 0.3s ease 0s;" href="https://sendgrid.com/marketing_campaigns/ui/campaigns/3822230/edit" data-cke-saved-href="https://www.senorwooly.com/">log in to your account</a>&nbsp;and see it immediately.&nbsp;</span></div>
<div style="box-sizing: border-box; padding: 0px; margin: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; font-family: 'trebuchet ms', sans-serif; font-size: 14px; vertical-align: baseline; border: 0px;">&nbsp;</div>
<div style="box-sizing: border-box; padding: 0px; margin: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; font-family: 'trebuchet ms', sans-serif; font-size: 14px; vertical-align: baseline; border: 0px;"><span style="box-sizing: border-box; padding: 0px; margin: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; font-family: tahoma, geneva, sans-serif; vertical-align: baseline; border: 0px;">However, if you have a minute,&nbsp;<span style="box-sizing: border-box; font-weight: 600; background: transparent; padding: 0px; margin: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-size: inherit; vertical-align: baseline; border: 0px; color: inherit;">here are 6&nbsp;things you should know about this video:</span></span></div>
<center class="wrapper" data-link-color="#F1592A" data-body-style="font-size: 14px; font-family: trebuchet ms,sans-serif; color: #000000; background-color: #F7F7F7;"></center>
<p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/billy-y-las-botas-3-ha-llegado" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/check-out-these-12-major-changes-to-sr-wooly">
										<img src="/static/uploads/ae935606-535d-4c75-b548-40c00d5e5a04.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">27</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2018</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/check-out-these-12-major-changes-to-sr-wooly">Check out these 12 MAJOR changes to Sr. Wooly!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p><span style="font-family: tahoma, geneva, sans-serif; font-size: 14px;">To celebrate the start of the new school year, we just released&nbsp;</span><span style="box-sizing: border-box; font-weight: 600; background: transparent; padding: 0px; margin: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-size: inherit; vertical-align: baseline; border: 0px; color: inherit;">the most comprehensive updates to Se&ntilde;or Wooly ever.&nbsp;&nbsp;</span><br style="box-sizing: border-box;" /><br style="box-sizing: border-box;" /><span style="font-family: tahoma, geneva, sans-serif; font-size: 14px;">If you have a minute, I'd love to tell you about&nbsp;</span><span style="box-sizing: border-box; font-weight: 600; background: transparent; padding: 0px; margin: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-size: inherit; vertical-align: baseline; border: 0px; color: inherit;">12 major changes</span><span style="font-family: tahoma, geneva, sans-serif; font-size: 14px;">&nbsp;to Se&ntilde;or Wooly PRO.</span></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/check-out-these-12-major-changes-to-sr-wooly" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">03</span>
                    <span class="entry-month">May</span>
										<span class="entry-year">2018</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/huge-changes-coming-to-sr-wooly-in-2018-19">HUGE changes coming to Sr. Wooly in 2018-19</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><div style="box-sizing: border-box; padding: 0px; margin: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; vertical-align: baseline; border: 0px;">&nbsp;</div>
<div style="box-sizing: border-box; padding: 0px; margin: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; vertical-align: baseline; border: 0px;">Almost 3 years ago, we released the new version of SenorWooly.com.&nbsp; It was an ambitious&nbsp; redesign&nbsp;that featured&nbsp;the addition of student accounts and&nbsp;a gamified, acquisition-based&nbsp;curriculum.<br style="box-sizing: border-box;" /><br style="box-sizing: border-box;" />Admittedly, it was also not perfect.&nbsp; The curriculum was a little too repetitive, the activities didn't work well on small screens, and navigation was not always easy.&nbsp;&nbsp;</div>
<div style="box-sizing: border-box; padding: 0px; margin: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; vertical-align: baseline; border: 0px;">&nbsp;</div>
<div style="box-sizing: border-box; padding: 0px; margin: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; vertical-align: baseline; border: 0px;">But I have good news.</div>
<div style="box-sizing: border-box; padding: 0px; margin: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; vertical-align: baseline; border: 0px;">&nbsp;</div>
<div style="box-sizing: border-box; padding: 0px; margin: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; vertical-align: baseline; border: 0px;"><span style="box-sizing: border-box; font-weight: 600; background: transparent; padding: 0px; margin: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-size: inherit; vertical-align: baseline; border: 0px; color: inherit;">At the start of the 2018-19 school year, we will release Version 2 of the student curriculum.&nbsp;</span></div>
<div style="box-sizing: border-box; padding: 0px; margin: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; vertical-align: baseline; border: 0px;">&nbsp;</div>
<div style="box-sizing: border-box; padding: 0px; margin: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; vertical-align: baseline; border: 0px;"><span style="box-sizing: border-box; padding: 0px; margin: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; border: 0px;">Let me tell you about it.</span></div>
<p>&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/huge-changes-coming-to-sr-wooly-in-2018-19" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/monsieur-wooly">
										<img src="/static/uploads/5a972fa1-28e6-470f-9621-265c4bb644e3.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">30</span>
                    <span class="entry-month">Apr</span>
										<span class="entry-year">2018</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/monsieur-wooly">Monsieur Wooly</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>For the first time ever, we here at Se&ntilde;or Wooly are dipping our toes into French!</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/monsieur-wooly" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/me-duele-2---the-supercut">
										<img src="/static/uploads/bb3e5790-159f-44e7-864a-ba66ec1159a9.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">07</span>
                    <span class="entry-month">Mar</span>
										<span class="entry-year">2018</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/me-duele-2---the-supercut">Me Duele 2 - The Supercut</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>With the help of over one hundred Wooly Raffle participants, we have officially finished Me Duele 2!</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/me-duele-2---the-supercut" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/winners-of-wooly-raffle-2018">
										<img src="/static/uploads/6fc4392d-ecf3-4c7e-a28b-f7ec55de86d7.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">02</span>
                    <span class="entry-month">Mar</span>
										<span class="entry-year">2018</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/winners-of-wooly-raffle-2018">Winners of Wooly Raffle 2018!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><h1 style="text-align: center;">Winners of the 2018 Wooly Raffle</h1>
<p>Thank you to everyone who participated!&nbsp;&nbsp;<br /><br />All winners will be contacted early next week.&nbsp;&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/winners-of-wooly-raffle-2018" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-raffle-2018">
										<img src="/static/uploads/fa09d116-cff5-4aac-9b76-3e594ac66662.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">16</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2018</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-raffle-2018">2nd Annual Wooly Raffle (Day 5)</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><h1 style="text-align: center;">The Wooly Raffle</h1>
<p>Just like last year, we wanted to celebrate Wooly Week with a raffle that's as absurd as we are.&nbsp;&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-raffle-2018" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-week-day-5-one-final-music-video">
										<img src="/static/uploads/b02cbe42-8568-4e96-8c8f-ef4359ebcab2.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">15</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2018</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-week-day-5-one-final-music-video">Wooly Wk Day 5 - One Final New Video</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><h2 style="text-align: center;">New Music Video: <br /> Seis Veces Al D&iacute;a</h2>
<p>As you probably guessed, I'm a bit of a film geek.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-week-day-5-one-final-music-video" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-wk-day-4-youve-been-waiting-for-this-one">
										<img src="/static/uploads/142d0d5c-5dc5-4215-bf37-d0e8138e66ab.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">12</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2018</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-wk-day-4-youve-been-waiting-for-this-one">Wooly Wk Day 4: You&#39;ve all been waiting for this one</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><h2 style="text-align: center;">A Sneak Peek of <br /> THE. BIG. VIDEO.</h2>
<p>People have been requesting this video <strong>for years</strong>. And, truthfully, we really tried to have it ready for Wooly Week. However, it quickly became clear that, to do this amazing story justice, we needed a little more time.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-wk-day-4-youve-been-waiting-for-this-one" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/ganga-girls-trouble">
										<img src="/static/uploads/e02a04fa-2427-4aee-9496-8d1a429e50c7.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">12</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2018</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/ganga-girls-trouble">Wooly Week Day 2: Ganga Girls Causing Trouble</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Today is the SECOND day of Wooly Week!!&nbsp; Every day this week we will release something completely new.&nbsp;&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/ganga-girls-trouble" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/new-video-encerrada">
										<img src="/static/uploads/97f97138-7e3a-490a-a675-ed6e6212f91b.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">12</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2018</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/new-video-encerrada">Wooly Wk Day 3: Encerrada en la Escuela, our 25th Music Video</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>​Today is the 3rd day of Wooly Week!!&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/new-video-encerrada" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/vlog-5-how-to-choose-a-story">
										<img src="/static/uploads/dc3d6c91-fea2-4db7-9af3-789e88cd3ba4.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">11</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2018</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/vlog-5-how-to-choose-a-story">Vlog #5: How To Choose a Sr. Wooly Story</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>With 25 music videos, it's very easy for newcomers to not know where to start.&nbsp; What video should you watch first?&nbsp; What is the appropriate level for your students?<br /><br />I encourage you to watch this video blog, in which I help to answer this question.&nbsp;&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/vlog-5-how-to-choose-a-story" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/gorro-is-here">
										<img src="/static/uploads/78e3fcac-3284-44e0-85a9-71b70ac2f0d0.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">09</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2018</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/gorro-is-here">Gorro is here!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>&nbsp;Gorro, the devoted best friend of Billy la Bufanda, only wishes for two things in life.&nbsp; First, he wants to help Billy find his beloved boots.&nbsp; Second, he wants to keep your head warm.&nbsp;&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/gorro-is-here" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/music-video-feo">
										<img src="/static/uploads/c43274a8-61cb-4041-882d-abb2a28273d1.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">09</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2018</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/music-video-feo">Wooly Week Day 1: Víctor returns in Feo</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>The 2nd Annual Wooly Week starts TODAY!! But you've waited long enough.&nbsp; Let's talk about what's new.&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/music-video-feo" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/la-dentista-returns">
										<img src="/static/uploads/df726bbc-855f-4769-95e7-34891cd50ce4.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">29</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2017</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/la-dentista-returns">La Dentista Returns!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>My newest 114-page graphic novel, <em>La Casa de La Dentista</em>, is officially available for preorder!</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/la-dentista-returns" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-raffle-winners">
										<img src="/static/uploads/bf1d40fc-8e13-4dbc-ac48-42ede4949a52.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">16</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2017</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-raffle-winners">Wooly Raffle WINNERS!!!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><h1 style="text-align: center;">The winners have been selected!</h1>
<p>A huge thank you to everyone who participated in this contest. We had a very large turnout, far bigger than we expected, and we wish we could have given a prize to everyone. &nbsp;To all those you participated, thank you for the time and enthusiasm that you put into this contest. &nbsp;Wooly Week and the Wooly Raffle were a ridiculous amount of work, and you all made every second of it worth it. &nbsp;Thank you so much for everything. &nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-raffle-winners" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/the-great-wooly-raffle">
										<img src="/static/uploads/de130ce4-c066-48b9-bf8d-9017493065c2.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">10</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2017</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/the-great-wooly-raffle">The Great Wooly RAFFLE!! (Day 5)</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><h1 style="text-align: center;">The Wooly Raffle</h1>
<h2 style="text-align: center;">OVERVIEW</h2>
<p>To properly celebrate Wooly Week, I wanted to do something a little offbeat with this raffle. This is not some run-of-the-mill raffle to win, say, a DVD.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/the-great-wooly-raffle" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-week-day-5---amnesia-a-brand-new-music-video">
										<img src="/static/uploads/8dd7e4c8-bed4-4595-ba41-50f0e4b3574d.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">09</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2017</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-week-day-5---amnesia-a-brand-new-music-video">Wooly Week Day 5 - Amnesia, a brand new music video</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>We have reached the final day of Wooly Week, and I have one last thing to share with you.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-week-day-5---amnesia-a-brand-new-music-video" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-week-day-4---new-support-materials-and-the-best-sale-of-the-week">
										<img src="/static/uploads/f907982f-f998-4263-ab7c-f4077f1cdb69.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">09</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2017</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-week-day-4---new-support-materials-and-the-best-sale-of-the-week">Wooly Week Day 4 - New Support Materials</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>It's the second-to-last day of Wooly Week, and buckle up, because I have <strong>a LOT to share</strong>.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-week-day-4---new-support-materials-and-the-best-sale-of-the-week" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-week-day-2---la-rocola-del-sr-wooly-version-2">
										<img src="/static/uploads/7f3efb44-400f-4879-8353-198cdbe5c25f.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">07</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2017</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-week-day-2---la-rocola-del-sr-wooly-version-2">Wooly Week Day 2 - La Rocola del Sr. Wooly (Version 2)</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p><strong>It's the 2nd Day of Wooly Week!</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-week-day-2---la-rocola-del-sr-wooly-version-2" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-week-day-3---a-new-billy-la-bufanda-music-video">
										<img src="/static/uploads/85b912ba-81ec-458a-849f-a55903df94e7.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">07</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2017</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-week-day-3---a-new-billy-la-bufanda-music-video">Wooly Week Day 3 - A New Billy la Bufanda Music Video!!!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>We're at the midpoint of Wooly Week, and I've got quite the surprise for you.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-week-day-3---a-new-billy-la-bufanda-music-video" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-week-day-1-no-lo-tengo-music-video">
										<img src="/static/uploads/5a06d1bc-2f30-443c-83b2-be65e587d959.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">03</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2017</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-week-day-1-no-lo-tengo-music-video">Wooly Week Day 1: No Lo Tengo Music Video!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Wooly Week starts TODAY!! But enough hype. Let's get started.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-week-day-1-no-lo-tengo-music-video" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-week">
										<img src="/static/uploads/7ff88dd7-e32b-4d3a-8d84-619a9ccb24ff.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">24</span>
                    <span class="entry-month">Jan</span>
										<span class="entry-year">2017</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-week">Wooly Week! (Feb 6 to 10)</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p style="box-sizing: content-box; color: #000000; font-family: 'trebuchet ms', helvetica, sans-serif;"><span style="box-sizing: content-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; font-family: inherit; vertical-align: baseline;"> <strong style="box-sizing: content-box; margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background: transparent;">Wooly Week</strong>&nbsp;is coming! </span></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-week" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/new-question-word-posters">
										<img src="/static/uploads/a37bdd09-0666-4362-8ead-65fce3ad1a02.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">13</span>
                    <span class="entry-month">Dec</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/new-question-word-posters">NEW: Question Word Posters</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Interrogatives are some of the hardest words for Spanish students to acquire.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/new-question-word-posters" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/songbook-vol1">
										<img src="/static/uploads/bf9eb8f1-272b-42a4-92fd-2bc466d54f98.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">12</span>
                    <span class="entry-month">Dec</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/songbook-vol1">NEW: Songbook Vol. 1</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Sure, you could just kick back and watch &iquest;Puedo ir al ba&ntilde;o? again.&nbsp;But what if there was another way? &nbsp;What if, instead, you could pull out your guitar and play it live?&nbsp; Can you imagine it? You would become a legend.<br /> <br /> Well, stop imagining.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/songbook-vol1" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/how-to-teach-with-a-graphic-novel">
										<img src="/static/uploads/28629688-4b9a-4dbd-aec8-05358773aea7.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">12</span>
                    <span class="entry-month">Sep</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/how-to-teach-with-a-graphic-novel">How to Teach with a Graphic Novel</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Many people have told me that, although they're incredibly excited about&nbsp;<a href="/blog/billy-y-las-botas-the-graphic-novel">the new Billy y las Botas graphic novel</a>, they aren't necessarily sure how to teach with one. &nbsp;And I totally get that. &nbsp;It's a new medium, one in which the majority of the story is told through visuals, not dialogue. &nbsp;It's for this reason that I spent the last month creating an 18-part video tutorial series on how to teach with a comic book! &nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/how-to-teach-with-a-graphic-novel" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/billy-y-las-botas-the-graphic-novel">
										<img src="/static/uploads/a3636d88-49ef-4e20-94c2-ca06da2f1311.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">30</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/billy-y-las-botas-the-graphic-novel">Billy y las Botas: The Graphic Novel</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>You may have seen the music video, Billy y Las Botas, but you don't know&nbsp;the entire story! &nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/billy-y-las-botas-the-graphic-novel" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-part-1-introduction">
										<img src="/static/uploads/34c369e0-b1f0-4582-aa39-bc6222a4df4b.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">17</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-part-1-introduction">Graphic Novel Training Part 1: Introduction!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Sr. Wooly talks about the need for graphic novels in second language classrooms. &nbsp;<strong>Length: 2:59</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-part-1-introduction" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-part-2-understanding-the-comic">
										<img src="/static/uploads/3b332a06-2222-4cf1-aac4-4ebda3e9f346.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">16</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-part-2-understanding-the-comic">Graphic Novel Training Part 2: Understanding the Comic!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Sr. Wooly explains why he wrote the graphic novel with an emphasis on visuals. &nbsp;<strong>Length: 2:11</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-part-2-understanding-the-comic" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-part-3-hide-this-book">
										<img src="/static/uploads/b62d9c6f-6faf-4502-abfb-770daf7229c5.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">15</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-part-3-hide-this-book">Graphic Novel Training Part 3: Hide This Book!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Why you need to hold off on letting students read the book. &nbsp;<strong>Length: 1:06</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-part-3-hide-this-book" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-pt-4-how-i-learned-to-let-go-of-dialogue-and-love-the-visual">
										<img src="/static/uploads/fd7b332b-f6df-4cab-af23-e56f255778ec.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">14</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-pt-4-how-i-learned-to-let-go-of-dialogue-and-love-the-visual">Graphic Novel Training Pt 4: How I Learned to Let Go of Dialogue and Love the Visual!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>How to pull Spanish out of the visuals instead of relying on the dialogue. &nbsp;Also, an introduction to the Circling Guide. &nbsp;<strong>Length: 3:47</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-pt-4-how-i-learned-to-let-go-of-dialogue-and-love-the-visual" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-part-5-pre-teaching-with-carrie-toth">
										<img src="/static/uploads/e1d36fa6-7c56-424a-91e9-2d1c8127fa76.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">13</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-part-5-pre-teaching-with-carrie-toth">Graphic Novel Training Part 5: Pre-Teaching with Carrie Toth!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>In this tutorial, we finally get into the classroom with Carrie Toth and her students. &nbsp;Carrie will pre-teach some key phrases and vocabulary that students will need for the activities ahead. &nbsp;This tutorial is also a primer on teaching with comprehensible input. &nbsp;<strong>Length: 5:40</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-part-5-pre-teaching-with-carrie-toth" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-part-7-readers-theater">
										<img src="/static/uploads/2eb2d188-16a6-412f-9b8f-ef5f4bbf932d.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">11</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-part-7-readers-theater">Graphic Novel Training Part 7: Reader&#39;s Theater!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Carrie Toth models how to bring a scene to life through Reader's Theater. &nbsp;<strong>Length: 6:51</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-part-7-readers-theater" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-part-6-more-pre-teaching-with-carrie-toth">
										<img src="/static/uploads/ea94066c-992e-4a75-a3cc-292e46c41d5c.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">11</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-part-6-more-pre-teaching-with-carrie-toth">Graphic Novel Training Part 6: More Pre-Teaching with Carrie Toth!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>An additional video on pre-teaching, this time with a focus on the structure "se pone". &nbsp;For those experienced in teaching with comprehensible input, you probably don't need to watch this video. &nbsp;However, if these concepts are new to you, this video will have essential review alongside a handful of new ideas. &nbsp;<strong>Length: 5:24</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-part-6-more-pre-teaching-with-carrie-toth" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-part-8-review-retell">
										<img src="/static/uploads/c4686793-5252-48a5-b6c4-4fecc711d14b.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">10</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-part-8-review-retell">Graphic Novel Training Part 8: Review! Retell!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Although this activity might look similar to pre-teaching on the surface, there is one big difference. &nbsp;We're going to ask "WHY?" &nbsp;<strong>Length: 4:54</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-part-8-review-retell" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-part-9-just-read">
										<img src="/static/uploads/f3af6a5e-9542-4da3-b092-dee4f95c1f40.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">09</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-part-9-just-read">Graphic Novel Training Part 9: Just Read!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>At a certain point, you just have to let students read the graphic novel. &nbsp;<strong>Length: 1:34</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-part-9-just-read" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-part-10-total-physical-response">
										<img src="/static/uploads/68298000-fa44-4755-96bf-7a00bea54162.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">08</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-part-10-total-physical-response">Graphic Novel Training Part 10: Total Physical Response!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Total Physical Response is one of the easiest activities to implement in the classroom. &nbsp;Just tell your students to do stuff, and they do it! &nbsp;<strong>Length: 4:38</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-part-10-total-physical-response" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-part-11-matamoscas">
										<img src="/static/uploads/553fd4c4-8590-470c-b80c-b06fc5d5083e.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">08</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-part-11-matamoscas">Graphic Novel Training Part 11: Matamoscas!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Most likely you have played Matamoscas (or Flyswatter) in one form or another in your classroom. &nbsp;Here are some practical ideas on how to adapt it for a comic book. <strong>Length: 3:24</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-part-11-matamoscas" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-part-12-volleyball">
										<img src="/static/uploads/f82bd453-b86a-4196-8853-20560a7fd155.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">07</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-part-12-volleyball">Graphic Novel Training Part 12: Volleyball!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Volleyball is probably the single most concrete idea in this entire series. &nbsp;It's easy-to-learn, easy-to-implement, and it's a phenomenal way to ensure that all students understand all of the comic book. <strong>Length: 4:29</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-part-12-volleyball" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-part-13-drag-and-drop">
										<img src="/static/uploads/b8369134-9add-4aff-95c6-7cdf1723dab7.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">06</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-part-13-drag-and-drop">Graphic Novel Training Part 13: Drag and Drop!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>It's one thing to <em>read</em> a comic book. &nbsp;It's another thing to have students <em>assemble</em>&nbsp;the comic book! <strong>Length: 2:35</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-part-13-drag-and-drop" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-part-14-circle-the-wagons">
										<img src="/static/uploads/0abd6ead-04b3-433e-a3a9-16dba0281a36.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">05</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-part-14-circle-the-wagons">Graphic Novel Training Part 14: Circle the Wagons!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>A low-pressure activity to get students beginning to speak. &nbsp;<strong>Lenth: 3:30</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-part-14-circle-the-wagons" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-part-15-fishbowl">
										<img src="/static/uploads/5db02586-804f-4c04-aa16-287a82b78ab2.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">04</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-part-15-fishbowl">Graphic Novel Training Part 15: Fishbowl!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>In Fishbowl, we begin to push our students to give more verbal output. <strong>Length: 3:01</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-part-15-fishbowl" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-part-16-pechakucha">
										<img src="/static/uploads/80dcf6bd-d818-4546-83fe-29113f87c33e.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">03</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-part-16-pechakucha">Graphic Novel Training Part 16: Pechakucha!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Our final verbal output activity puts students on the hotseat! <strong>Length: 3:57</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-part-16-pechakucha" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-part-17-dialogue-alley">
										<img src="/static/uploads/b26afbc9-26b0-4a76-b787-c8fc9f5a7d3a.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">02</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-part-17-dialogue-alley">Graphic Novel Training Part 17: Dialogue Alley!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>In this quirkly activity, students get to alter the comic book to make new, weird and funny combinations. &nbsp;<strong>Length: 1:24</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-part-17-dialogue-alley" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/graphic-novel-training-part-18-conclusion">
										<img src="/static/uploads/0cd27999-dcbf-41c3-b084-34ee08306c35.png" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">01</span>
                    <span class="entry-month">Jun</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/graphic-novel-training-part-18-conclusion">Graphic Novel Training Part 18: Final Words!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>The conclusion to this video tutorial series. &nbsp;<strong>Length: 0:46</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/graphic-novel-training-part-18-conclusion" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/bts-video-ya-esta-muerto">
										<img src="/static/uploads/5e6162a1-f872-4114-8fd9-e2821db346ec.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">27</span>
                    <span class="entry-month">Jan</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/bts-video-ya-esta-muerto">Behind-the-scenes video for Ya Está Muerto</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>This week, I release a fun Behind-the-Scenes video for Ya Est&aacute; Muerto. &nbsp;It doesn't have much&nbsp;educational value for Spanish, but it does provide insight into how much work and time goes into these productions.&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/bts-video-ya-esta-muerto" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/vlog-4-wooly-shares-secret-about-pro">
										<img src="/static/uploads/a7f756df-9063-4fc5-b179-8b575f11fc85.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">19</span>
                    <span class="entry-month">Jan</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/vlog-4-wooly-shares-secret-about-pro">Vlog #4: Sr. Wooly shares a secret about Sr. Wooly PRO</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>I have a very important secret to share you guys, but under no circumstances can you tell your students.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/vlog-4-wooly-shares-secret-about-pro" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/new-music-video-ya-esta-muerto">
										<img src="/static/uploads/090981dd-508b-4ce9-a287-1637b911c0e0.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">13</span>
                    <span class="entry-month">Jan</span>
										<span class="entry-year">2016</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/new-music-video-ya-esta-muerto">New Music Video: Ya Está Muerto</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><di</div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/new-music-video-ya-esta-muerto" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/illustrator-juan-carlos-pinilla-melo">
										<img src="/static/uploads/71483a42-2d1f-4b3d-913c-bde29fc9657b.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">28</span>
                    <span class="entry-month">Sep</span>
										<span class="entry-year">2015</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/illustrator-juan-carlos-pinilla-melo">Illustrator: Juan Carlos Pinilla Melo</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Over the past year, I have had the pleasure of working with the extremely talented Juan Carlos Pinilla Melo.  </p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/illustrator-juan-carlos-pinilla-melo" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/new-music-video-billy-y-las-botas-2">
										<img src="/static/uploads/660d9cf2-3c6e-491e-a4f4-ec2bd85ca33a.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">24</span>
                    <span class="entry-month">Sep</span>
										<span class="entry-year">2015</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/new-music-video-billy-y-las-botas-2">New Music Video: Billy y las Botas 2</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Teachers and students have been begging me to make a sequel to <em>Billy y las Botas</em> since 2012.  </p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/new-music-video-billy-y-las-botas-2" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/song-present-tense-conjugations">
										<img src="/static/uploads/1293468c-5aaa-4f7a-998d-9ad11c5a6a4a.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">27</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2015</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/song-present-tense-conjugations">CONJUGATION: Present Tense (AR, ER, IR)</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>This song is a simple rhythm combined with a melodic chant that was designed to teach the present&nbsp;tense conjugations of AR, ER, and IR verbs.&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/song-present-tense-conjugations" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/song-ir-preterito">
										<img src="/static/uploads/56cb3dfb-cdd7-4c35-b3c7-8c1feab0c340.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">27</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2015</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/song-ir-preterito">CONJUGATION: Ir (Pretérito)</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>This song is a simple rhythm combined with a melodic chant that was designed to teach the preterit&nbsp;tense conjugations of IR. &nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/song-ir-preterito" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/song-poner-presente">
										<img src="/static/uploads/5358ff17-71c2-4b36-9e94-074d1e533eff.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">27</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2015</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/song-poner-presente">CONJUGATION: Poner (Presente)</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>This song is a simple rhythm combined with a melodic chant that was designed to teach the present&nbsp;tense conjugations of PONER. &nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/song-poner-presente" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/video-class-rules">
										<img src="/static/uploads/1ffa4885-8dc7-41a1-b714-4bdd5ff8e8f1.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">27</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2015</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/video-class-rules">VIDEO: Class Rules</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>In 2005, I created this short video to introduce my class expectations in a fun way. It was one of the first videos I ever created, and it is still one of my favorites.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/video-class-rules" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/song-no-lo-tengo">
										<img src="/static/uploads/51120ddf-9641-4ae8-8bc8-a60f83b57116.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">27</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2015</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/song-no-lo-tengo">SONG: No lo tengo</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p><strong>UPDATE: Feb 6, 2017. &nbsp;This song now has <a href="/blog/wooly-week-day-1-no-lo-tengo-music-video">an official music video</a>! &nbsp;Since the song/video is now fully supported as part of the Sr. Wooly curriculum, this blog page is now officially deprecated, and will be deleted soon.</strong></p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/song-no-lo-tengo" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/song-salvavidas">
										<img src="/static/uploads/2cda840d-9432-4d85-87a0-c660f90a858e.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">27</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2015</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/song-salvavidas">SONG: La Salvavidas</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p><strong>La Salvavidas</strong> is a song from my first album, <em>Billy la Bufanda y Amigos</em>.    It&#39;s a catchy little song about a boy who falls in love with a lifeguard.  It was very much inspired <a href="http://www.imdb.com/title/tt0108037/?ref_=nv_sr_1" rel="nofollow">The Sandlot</a>, a great little movie that I&#39;ve seen far more times that I&#39;d like to admit.  </p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/song-salvavidas" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/song-hacer-presente">
										<img src="/static/uploads/31f1caf7-4805-45e5-8d14-691ac173f7f0.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">27</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2015</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/song-hacer-presente">CONJUGATION: Hacer (Presente)</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>This song is a simple rhythm combined with a melodic chant that was designed to teach the present&nbsp;tense conjugations of HACER. &nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/song-hacer-presente" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/song-ir-presente">
										<img src="/static/uploads/a4195e2a-1433-4a6f-9494-c14665bc8a81.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">27</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2015</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/song-ir-presente">CONJUGATION: Ir (Presente)</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>This song is a simple rhythm combined with a melodic chant that was designed to teach the present&nbsp;tense conjugations of IR (to go).&nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/song-ir-presente" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/video-la-casa-del-sr-wooly">
										<img src="/static/uploads/022c1fe9-ac91-4cc0-8761-d529a93fb45f.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">27</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2015</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/video-la-casa-del-sr-wooly">VIDEO: La Casa del Sr. Wooly</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p><em>La Casa del Sr. Wooly</em> was the&nbsp;very first video I ever made for my Spanish classes. &nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/video-la-casa-del-sr-wooly" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/conjugation-ser-presente">
										<img src="/static/uploads/d88fb8d2-6365-4df8-a336-5c215561c305.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">27</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2015</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/conjugation-ser-presente">CONJUGATION: Ser (Presente)</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>This song is a simple rhythm combined with a melodic chant that was designed to teach the present&nbsp;tense conjugations of SER (to be)</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/conjugation-ser-presente" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/song-hacer-pretrito">
										<img src="/static/uploads/a59392c2-416e-4c8a-8fa0-1b3b6fd8e997.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">26</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2015</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/song-hacer-pretrito">CONJUGATION: Hacer (Pretérito)</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>This song is a simple rhythm combined with a melodic chant that was designed to teach the preterit tense conjugations of hacer. &nbsp;</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/song-hacer-pretrito" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/song-donde-queda-el-museo">
										<img src="/static/uploads/882a6729-cf86-4c11-a129-9f30ef27bf33.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">20</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2015</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/song-donde-queda-el-museo">SONG: ¿Dónde queda el museo?</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p><strong>¿Dónde queda el museo?</strong> is a song from my first album, <em>Billy la Bufanda y Amigos</em>.  It&#39;s a simple rhythmic song to teach prepositional phrases.  </p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/song-donde-queda-el-museo" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/song-odio-la-clase-de-espanol">
										<img src="/static/uploads/da26f63f-d35f-467e-bb7b-694a3ea1e588.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">20</span>
                    <span class="entry-month">Aug</span>
										<span class="entry-year">2015</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/song-odio-la-clase-de-espanol">SONG: Odio la clase de español</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p><strong>Odio la clase de español</strong> is a song from my second album, <em>Billy la Bufanda Presenta Más Amigos</em>.  It&#39;s a silly little song about a kid in Spanish class that, well, hates Spanish class.  </p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/song-odio-la-clase-de-espanol" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/new-music-video-la-invitacion">
										<img src="/static/uploads/58dee1de-8607-47a7-a2ee-06a069c9dfed.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">12</span>
                    <span class="entry-month">Apr</span>
										<span class="entry-year">2015</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/new-music-video-la-invitacion">New Music Video: La Invitación</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>My newest music video,&nbsp;La Invitaci&oacute;n&nbsp;is here!!</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/new-music-video-la-invitacion" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/tutorial-9">
										<img src="/static/uploads/91d73927-42a6-46fd-be80-ab80c6f6e293.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">03</span>
                    <span class="entry-month">Feb</span>
										<span class="entry-year">2015</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/tutorial-9">Video Tutorial #9: ¡ARRIBA!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p style="margin: 0px; padding: 10px 0px 0px; font-size: 0.9em; font-family: myriad, helvetica, arial, sans-serif; line-height: 18px;">This new video tutorial will teach you a fantastic activity for reviewing numbers called&nbsp;<strong style="margin: 0px; padding: 0px;">&iexcl;ARRIBA!</strong>.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/tutorial-9" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
										<div style="width: 100px; height: 15px;"></div>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">04</span>
                    <span class="entry-month">Dec</span>
										<span class="entry-year">2014</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/5-new-resources">Five new Sr. Wooly resources</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p style="margin: 0px; padding: 10px 0px 0px; font-size: 0.9em; font-family: myriad, helvetica, arial, sans-serif; line-height: 18px;">If you only use my videos and songs, you’re not even close to touching the sheer quantity of resources available on this site.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/5-new-resources" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/vlog-3-in-defense-of-simplicity">
										<img src="/static/uploads/255357b5-56d1-4d4b-b441-cc497340dfbd.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">22</span>
                    <span class="entry-month">Oct</span>
										<span class="entry-year">2014</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/vlog-3-in-defense-of-simplicity">Vlog #3: In Defense of Simplicity</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Reviews of my music video, &iexcl;Es Una Ganga!&nbsp;are all across the map. Some teachers have told me me that their students have never responded so positively to one of my videos, and others are telling me that it&rsquo;s the worst thing I have ever made.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/vlog-3-in-defense-of-simplicity" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/video-tutorial-8-una-ganga">
										<img src="/static/uploads/ae5be40c-8733-407f-a7e6-2074f00e77c2.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">20</span>
                    <span class="entry-month">Nov</span>
										<span class="entry-year">2013</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/video-tutorial-8-una-ganga">Video Tutorial #8: Una Ganga</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>This new video tutorial will teach students&nbsp;a fantastic conversational activity called Una Ganga.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/video-tutorial-8-una-ganga" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/video-tutorial-7-el-rompecabezas">
										<img src="/static/uploads/c882e153-c3c1-4cb3-91cd-ff16c345d87e.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">23</span>
                    <span class="entry-month">Apr</span>
										<span class="entry-year">2013</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/video-tutorial-7-el-rompecabezas">Video Tutorial #7: El Rompecabezas</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Sr. Wooly&rsquo;s seventh activity is a unique take on the jigsaw puzzle. Unlike other activities in this series, this one requires very little explanation. Although there is nothing particularly ground-breaking about this puzzle, I think you&rsquo;ll find that it&rsquo;s simple, easy-to-administer, and valuable. I hope you like it.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/video-tutorial-7-el-rompecabezas" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/tutorial-6-noventa-y-nueve">
										<img src="/static/uploads/27ff58f6-13d6-4a26-9958-7302dc7b0f19.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">21</span>
                    <span class="entry-month">Jan</span>
										<span class="entry-year">2013</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/tutorial-6-noventa-y-nueve">Video Tutorial #6: Noventa y Nueve</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Today I'll show you&nbsp;a game called <strong>Noventa y Nueve</strong>. It&rsquo;s a really fun, addictive little card game that&rsquo;s great for reviewing numbers.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/tutorial-6-noventa-y-nueve" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/sr-wooly-video-tutorial-5-tres-acciones">
										<img src="/static/uploads/4b4742fc-90bb-4502-b5f8-284dc693287d.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">08</span>
                    <span class="entry-month">Jan</span>
										<span class="entry-year">2013</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/sr-wooly-video-tutorial-5-tres-acciones">Video Tutorial #5: Tres Acciones</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Today&rsquo;s video tutorial is the first, all-out competitive game that I have presented in this video series. And, for that reason, it absolutely will not be everyone&rsquo;s cup of tea. However, in my opinion, it is ridiculously fun for both teacher and student.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/sr-wooly-video-tutorial-5-tres-acciones" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/video-tutorial-4-telfono-por-lpiz">
										<img src="/static/uploads/219be7a6-bb6f-427f-a6fd-d4628903dcfb.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">04</span>
                    <span class="entry-month">Dec</span>
										<span class="entry-year">2012</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/video-tutorial-4-telfono-por-lpiz">Video Tutorial #4: Teléfono por lápiz</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>What if I told you that there was an activity that you could easily implement with any age group, deeply engage all students for an extended period of time, and guarantee a much-needed tranquil classroom environment on that crazy Friday afternoon?</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/video-tutorial-4-telfono-por-lpiz" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/video-tutorial-3-en-mi-opinin">
										<img src="/static/uploads/2f7ff9f1-7527-430a-b681-ad89c097098e.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">01</span>
                    <span class="entry-month">Dec</span>
										<span class="entry-year">2012</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/video-tutorial-3-en-mi-opinin">Video Tutorial #3: En Mi Opinión</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>This activity is adapted from an old theater game. &nbsp;It's&nbsp;extremely easy to implement, it&rsquo;s also applicable to any age group and level of study. Quite simply, this is a fun and structured way to allow students to share their opinions.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/video-tutorial-3-en-mi-opinin" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/video-tutorial-2-concentrmonos">
										<img src="/static/uploads/6b796873-7630-4d51-9674-e2b939c3d0a2.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">27</span>
                    <span class="entry-month">Nov</span>
										<span class="entry-year">2012</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/video-tutorial-2-concentrmonos">Video Tutorial #2: Concentrémonos</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>This week&rsquo;s activity teaches a concentration activity that is perfect for reinforcing any type of sequential vocabulary such as numbers, days of the week, etc. It&rsquo;s a great supplementary activity to the video Las Excusas, since as you&rsquo;ll see in the video below, it&rsquo;s perfect for teaching ordinal numbers.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/video-tutorial-2-concentrmonos" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/video-tutorial-1-the-verbal-cloze">
										<img src="/static/uploads/bf4ea0d2-fa95-42e1-aa83-edefd93e25f0.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">03</span>
                    <span class="entry-month">Nov</span>
										<span class="entry-year">2012</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/video-tutorial-1-the-verbal-cloze">Video Tutorial #1: The Verbal Cloze</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Assuming you are willing to sing in front of your students a little, this is a great activity that requires no preparation, no materials, and very little instruction. It&rsquo;s also a phenomenal way to start the class.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/video-tutorial-1-the-verbal-cloze" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/vlog-2-sr-woolys-brilliant-4-year-old-teaches-valuable-lessons-on-language-acquisition">
										<img src="/static/uploads/70c94f40-a0a8-474b-bb7e-98b646844ebf.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">02</span>
                    <span class="entry-month">May</span>
										<span class="entry-year">2012</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/vlog-2-sr-woolys-brilliant-4-year-old-teaches-valuable-lessons-on-language-acquisition">Vlog #2: Sr. Wooly’s Brilliant 4-Year Old Teaches Valuable Lessons on Language Acquisition!!!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p>Although SenorWooly.com has only been around for a couple of years, I have actually been making educational music since 2006. However, over these 6 years, my ideas on how to write my stuff have changed quite a bit.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/vlog-2-sr-woolys-brilliant-4-year-old-teaches-valuable-lessons-on-language-acquisition" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              <article class="entry">
                <figure class="entry-thumbnail">
									
									<a href="/blog/wooly-vs-native-speakers">
										<img src="/static/uploads/2efab477-b44f-4682-81f5-288e3671d089.jpg" style="width: 300px;">
									</a>
									
                </figure>
								
                <div class="entry-body">
                  <div class="entry-date">
										<span class="entry-day">22</span>
                    <span class="entry-month">Jan</span>
										<span class="entry-year">2012</span>
                  </div>
                  <header class="entry-header">
                    <div class="title-bordered border__solid">
											<h4><a href="/blog/wooly-vs-native-speakers">Vlog #1: Sr. Wooly VS. Native Speakers!</a></h4>
                    </div>
                  </header>
                  <div class="entry-excerpt"><p style="margin: 0px; padding: 10px 0px 0px; font-size: 0.9em; font-family: myriad, helvetica, arial, sans-serif; line-height: 18px;">Putting aside the ridiculous, attention-getting title of this post, there is of course no doubt that exposing students to authentic, native speaker materials is essential in any student&rsquo;s Spanish education.</p></div>
                </div>
                <footer class="entry-footer">
									
                  <div class="pull-right">
										<a href="/blog/wooly-vs-native-speakers" class="dotted-link2"><span>Read More</span> <i class="fa fa-chevron-right"></i></a>
                  </div>
                </footer>
              </article>
							
              

              
							
              


              
              
              

            </main>
            
          </div>

        </div>
      </section>
      

    </div>

  
<script src="https://assets.senorwooly.com/static/vendor/jquery/jquery-1.11.2.min.js"></script>


<script src="https://assets.senorwooly.com/static/vendor/bootstrap/bootstrap.min.js"></script>
<script src="https://assets.senorwooly.com/static/vendor/bootstrap/bootstrap-scripts.js"></script>



<script src="https://assets.senorwooly.com/static/js/highlight.js"></script>


<script src="https://assets.senorwooly.com/static/vendor/jquery.validate.js"></script>
<script src="https://assets.senorwooly.com/static/js/contact.js?v=notset"></script>





<script src="https://assets.senorwooly.com/static/js/typeahead.bundle.js"></script>


<script src="https://assets.senorwooly.com/static/vendor/underscore-min.js"></script>


<script src="https://assets.senorwooly.com/static/vendor/modernizr.js"></script>


<script src="https://assets.senorwooly.com/static/js/bootbox.min.js"></script>


<script src="https://assets.senorwooly.com/static/vendor/humane/humane.min.js"></script>

<script src="https://assets.senorwooly.com/static/js/fontfaceonload.js"></script>


<script src="https://www.google.com/recaptcha/api.js" async defer></script>


<script type="text/javascript">
  if (window.location.host != "www.senorwooly.com") {
    teacherProdHost = "https://teacher.senorwooly.com";
    $('a').each(function () {
      href = $(this).attr('href');
      if (href === undefined) {
        return
      }
      if (href.includes(teacherProdHost)) {
        replacement = "https://teacher.staging.senorwooly.com";
        if (window.location.host.includes("localhost")) {
          replacement = "http://localhost:4002";
        }
        newHref = href.replace(teacherProdHost, replacement);
        $(this).attr('href', newHref);
      }
    });
  }

  $('.navbar-toggle').on('click', function () {
    $('.navbar-collapse').collapse('toggle');
  });

  (function ($) {
    $(document)
      .on('hidden.bs.modal', '.modal', function () {
        $(document.body).removeClass('modal-noscrollbar');
      })
      .on('show.bs.modal', '.modal', function () {
        $(document.body).addClass('modal-noscrollbar');
      });
  })(window.jQuery);

  
  (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:5159774,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<script src="/static/js/custom.js?v=notset"></script>
<script src="/static/js/nav.js?v=notset&r=4"></script>
<script src="/static/js/student-nav.js?v=notset"></script>
<script src="/static/js/markt.js?v=notset&r=4"></script>

<script type="text/javascript">var $dialog;

function validateContactModalSubmit(token) {
    try {
        submitContactModalForm(token);
    } catch (error) {
        humane.log('Something went wrong when trying to send your message.');
    }
}

function submitContactModalForm(token) {
    var button = $dialog.find('.btn-primary');
    $dialog.find('.has-error').removeClass('has-error');

    var $name = $dialog.find('input[name="name"]');
    if (!$name.val()) {
        $name.closest('.form-group').addClass('has-error');
        $name.focus();
        return false;
    }

    var $email = $dialog.find('input[name="email"]');
    if (!$email.val()) {
        $email.closest('.form-group').addClass('has-error');
        $email.focus();
        return false;
    }

    var $message = $dialog.find('textarea[name="message"]');
    if (!$message.val()) {
        $message.closest('.form-group').addClass('has-error');
        $message.focus();
        return false;
    }

    $subject = $dialog.find('input[name="subject"]');
    $category = $dialog.find('select[name="category"]');

    button.blur().attr('disabled', 'disabled').html('Sending...');
    jQuery.ajax({
        method: 'POST',
        url: '/front-page-contact-form',
        headers: { 'X-CSRF-Token': 'NYTrsrXGh8erA2n2eh4W4oe3j\/iYuGimXhm9tAHiBOCeYhHIcgI3wwZo2\u002bSF4So\/XwzaYy117ifUSuz45XjUJQ==' },
        data: {
            'name': $name.val(),
            'email': $email.val(),
            'message': $message.val(),
            'subject' : $subject.val(),
            'emailType' : $category.val(),
            'token': token,
        }
    })
    .success(function() {
        humane.log('Your message was sent.');
        $dialog.modal('hide');
    }).error(function(e) {
        button.blur().removeAttr('disabled', 'false').html('Send Message');
        humane.log('Something went wrong when trying to send your message.');
    });
}

var renderContactCallback = function() {
    if (!jQuery || !bootbox) return;
    $dialog = bootbox.dialog({
        title: 'Contact Se&ntilde;or Wooly',
        message: jQuery('#contactFormTemplate').html(),
        buttons: {
            cancel: {
                label: 'Cancel',
                className: 'btn-default'
            },
            send: {
                label: 'Send Message',
                className: 'btn-primary',
                callback: function(e) {
                    grecaptcha.execute();

                    return false
                }
            }
        }
    });
    
    setTimeout(function() {
        $dialog.find('input[name="name"]').focus();
    }, 500);
}

var cj = document.getElementById('contactJim');

if (cj) {
    cj.addEventListener('click', renderContactCallback, false);
}

var tcs = document.getElementsByClassName('trigger-contact');
for (var i = 0; i < tcs.length; i++) {
    tcs[i].addEventListener('click', renderContactCallback, false);
}
var triggerLinkUsBtn = document.getElementById('trigger-link-us-btn');
if (triggerLinkUsBtn) {
    triggerLinkUsBtn.addEventListener('click',()=>{showFlyout(".js-flyout-container--contact")},false);
}
</script>


	
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModal" aria-hidden="true">
  <div class="modal-dialog" id="loginModal-container">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>

        <h4 class="modal-title" id="myModalLabel">Log in / Sign up</h4>
      </div>
      <div class="modal-body">
        
        <ul class="nav nav-tabs" role="tablist">
          <li role="presentation" class="active">
            <a aria-expanded="true" href="#tab4-0" aria-controls="tab4-0" role="tab" data-toggle="tab">
              <i class="fa fa-pencil"></i>
               Student
            </a>
          </li>
          <li class="" role="presentation">
            <a aria-expanded="false" href="#tab4-2" aria-controls="tab4-2" role="tab" data-toggle="tab">
              <i class="fa fa-book"></i>
              Teacher
            </a>
          </li>
        </ul>
        
        <div class="tab-content">
          <div role="tabpanel" class="tab-pane fade active in" id="tab4-0">
            <div class="row">
              <div class="col-md-6">
                <div class="title-bordered border__solid">
                  <h5>Log In</h5>
                </div>

                <div class="btnMarkt__group--vertical">

                  <a href="/api/v2/auth/student/google/start/?redirect=true" class="btn btn--social">
                    <img src="https://assets.senorwooly.com/static/fonts/google.svg" alt="google">
                    Sign in with Google
                  </a>

                  <button
                    href="#tab4-1"
                    aria-expanded="true"
                    aria-controls="tab4-1"
                    role="tab"
                    data-toggle="tab"
                    class="btn btn-info"
                  >
                    Classic log in
                  </button>

                  <br>
                </div>
              </div>

              <div class="col-md-6">
                <div class="title-bordered border__solid">
                  <h5>Sign Up</h5>
                </div>

                <div>
                  <p style="margin-bottom: 16px;">To create a new account, click the button below. You'll need the class code given to you by your teacher.</p>
                  <button type="button" class="btn btn-info" id="studentJoinClass">Sign Up</button>
                </div>
              </div>
            </div>
          </div>

          <div role="tabpanel" class="tab-pane fade" id="tab4-1">
            <div class="row">
              <div class="col-md-8">
                <div class="title-bordered border__solid">
                  <h5>Log In</h5>
                </div>

                <div id="school-select-container" data-studentstep="1">
                  <label for="select-default">Find Your School</label>
                  <p class="help-text">
                    To log back in, start by finding your school. Don&#39;t see it? Tell your teacher to contact us, and we&#39;ll get it fixed right away.
                  </p>

                  <div id="the-basics">
                    <div class="row">
                      <div class="col-md-8">
                        <select class="form-control selectpicker" id="select-country" data-style="btn-default" data-dropup-auto="false">
                          <option value="">-- Select Your Country --</option>
                          
                          <option value="US">United States</option>
                          
                          <option value="AF">Afghanistan</option>
                          
                          <option value="AL">Albania</option>
                          
                          <option value="DZ">Algeria</option>
                          
                          <option value="AS">American Samoa</option>
                          
                          <option value="AD">Andorra</option>
                          
                          <option value="AO">Angola</option>
                          
                          <option value="AI">Anguilla</option>
                          
                          <option value="AQ">Antarctica</option>
                          
                          <option value="AG">Antigua and Barbuda</option>
                          
                          <option value="AR">Argentina</option>
                          
                          <option value="AM">Armenia</option>
                          
                          <option value="AW">Aruba</option>
                          
                          <option value="AU">Australia</option>
                          
                          <option value="AT">Austria</option>
                          
                          <option value="AZ">Azerbaijan</option>
                          
                          <option value="BS">Bahamas</option>
                          
                          <option value="BH">Bahrain</option>
                          
                          <option value="BD">Bangladesh</option>
                          
                          <option value="BB">Barbados</option>
                          
                          <option value="BY">Belarus</option>
                          
                          <option value="BE">Belgium</option>
                          
                          <option value="BZ">Belize</option>
                          
                          <option value="BJ">Benin</option>
                          
                          <option value="BM">Bermuda</option>
                          
                          <option value="BT">Bhutan</option>
                          
                          <option value="BO">Bolivia</option>
                          
                          <option value="BA">Bosnia and Herzegovina</option>
                          
                          <option value="BW">Botswana</option>
                          
                          <option value="BV">Bouvet Island</option>
                          
                          <option value="BR">Brazil</option>
                          
                          <option value="IO">British Indian Ocean Territory</option>
                          
                          <option value="VG">British Virgin Islands</option>
                          
                          <option value="BN">Brunei</option>
                          
                          <option value="BG">Bulgaria</option>
                          
                          <option value="BF">Burkina Faso</option>
                          
                          <option value="BI">Burundi</option>
                          
                          <option value="KH">Cambodia</option>
                          
                          <option value="CM">Cameroon</option>
                          
                          <option value="CA">Canada</option>
                          
                          <option value="CV">Cape Verde</option>
                          
                          <option value="KY">Cayman Islands</option>
                          
                          <option value="CF">Central African Republic</option>
                          
                          <option value="TD">Chad</option>
                          
                          <option value="CL">Chile</option>
                          
                          <option value="CN">China</option>
                          
                          <option value="CX">Christmas Island</option>
                          
                          <option value="CC">Cocos [Keeling] Islands</option>
                          
                          <option value="CO">Colombia</option>
                          
                          <option value="KM">Comoros</option>
                          
                          <option value="CD">Congo [DRC]</option>
                          
                          <option value="CG">Congo [Republic]</option>
                          
                          <option value="CK">Cook Islands</option>
                          
                          <option value="CR">Costa Rica</option>
                          
                          <option value="CI">Côte d&#39;Ivoire</option>
                          
                          <option value="HR">Croatia</option>
                          
                          <option value="CU">Cuba</option>
                          
                          <option value="CW">Curaçao</option>
                          
                          <option value="CY">Cyprus</option>
                          
                          <option value="CZ">Czech Republic</option>
                          
                          <option value="DK">Denmark</option>
                          
                          <option value="DJ">Djibouti</option>
                          
                          <option value="DM">Dominica</option>
                          
                          <option value="DO">Dominican Republic</option>
                          
                          <option value="EC">Ecuador</option>
                          
                          <option value="EG">Egypt</option>
                          
                          <option value="SV">El Salvador</option>
                          
                          <option value="GQ">Equatorial Guinea</option>
                          
                          <option value="ER">Eritrea</option>
                          
                          <option value="EE">Estonia</option>
                          
                          <option value="ET">Ethiopia</option>
                          
                          <option value="FK">Falkland Islands [Islas Malvinas]</option>
                          
                          <option value="FO">Faroe Islands</option>
                          
                          <option value="FJ">Fiji</option>
                          
                          <option value="FI">Finland</option>
                          
                          <option value="FR">France</option>
                          
                          <option value="GF">French Guiana</option>
                          
                          <option value="PF">French Polynesia</option>
                          
                          <option value="TF">French Southern Territories</option>
                          
                          <option value="GA">Gabon</option>
                          
                          <option value="GM">Gambia</option>
                          
                          <option value="GZ">Gaza Strip</option>
                          
                          <option value="GE">Georgia</option>
                          
                          <option value="DE">Germany</option>
                          
                          <option value="GH">Ghana</option>
                          
                          <option value="GI">Gibraltar</option>
                          
                          <option value="GR">Greece</option>
                          
                          <option value="GL">Greenland</option>
                          
                          <option value="GD">Grenada</option>
                          
                          <option value="GP">Guadeloupe</option>
                          
                          <option value="GU">Guam</option>
                          
                          <option value="GT">Guatemala</option>
                          
                          <option value="GG">Guernsey</option>
                          
                          <option value="GN">Guinea</option>
                          
                          <option value="GW">Guinea-Bissau</option>
                          
                          <option value="GY">Guyana</option>
                          
                          <option value="HT">Haiti</option>
                          
                          <option value="HM">Heard Island and McDonald Islands</option>
                          
                          <option value="HN">Honduras</option>
                          
                          <option value="HK">Hong Kong</option>
                          
                          <option value="HU">Hungary</option>
                          
                          <option value="IS">Iceland</option>
                          
                          <option value="IN">India</option>
                          
                          <option value="ID">Indonesia</option>
                          
                          <option value="IR">Iran</option>
                          
                          <option value="IQ">Iraq</option>
                          
                          <option value="IE">Ireland</option>
                          
                          <option value="IM">Isle of Man</option>
                          
                          <option value="IL">Israel</option>
                          
                          <option value="IT">Italy</option>
                          
                          <option value="JM">Jamaica</option>
                          
                          <option value="JP">Japan</option>
                          
                          <option value="JE">Jersey</option>
                          
                          <option value="JO">Jordan</option>
                          
                          <option value="KZ">Kazakhstan</option>
                          
                          <option value="KE">Kenya</option>
                          
                          <option value="KI">Kiribati</option>
                          
                          <option value="XK">Kosovo</option>
                          
                          <option value="KW">Kuwait</option>
                          
                          <option value="KG">Kyrgyzstan</option>
                          
                          <option value="LA">Laos</option>
                          
                          <option value="LV">Latvia</option>
                          
                          <option value="LB">Lebanon</option>
                          
                          <option value="LS">Lesotho</option>
                          
                          <option value="LR">Liberia</option>
                          
                          <option value="LY">Libya</option>
                          
                          <option value="LI">Liechtenstein</option>
                          
                          <option value="LT">Lithuania</option>
                          
                          <option value="LU">Luxembourg</option>
                          
                          <option value="MO">Macau</option>
                          
                          <option value="MK">Macedonia [FYROM]</option>
                          
                          <option value="MG">Madagascar</option>
                          
                          <option value="MW">Malawi</option>
                          
                          <option value="MY">Malaysia</option>
                          
                          <option value="MV">Maldives</option>
                          
                          <option value="ML">Mali</option>
                          
                          <option value="MT">Malta</option>
                          
                          <option value="MH">Marshall Islands</option>
                          
                          <option value="MQ">Martinique</option>
                          
                          <option value="MR">Mauritania</option>
                          
                          <option value="MU">Mauritius</option>
                          
                          <option value="YT">Mayotte</option>
                          
                          <option value="MX">Mexico</option>
                          
                          <option value="FM">Micronesia</option>
                          
                          <option value="MD">Moldova</option>
                          
                          <option value="MC">Monaco</option>
                          
                          <option value="MN">Mongolia</option>
                          
                          <option value="ME">Montenegro</option>
                          
                          <option value="MS">Montserrat</option>
                          
                          <option value="MA">Morocco</option>
                          
                          <option value="MZ">Mozambique</option>
                          
                          <option value="MM">Myanmar [Burma]</option>
                          
                          <option value="NA">Namibia</option>
                          
                          <option value="NR">Nauru</option>
                          
                          <option value="NP">Nepal</option>
                          
                          <option value="NL">Netherlands</option>
                          
                          <option value="NC">New Caledonia</option>
                          
                          <option value="NZ">New Zealand</option>
                          
                          <option value="NI">Nicaragua</option>
                          
                          <option value="NE">Niger</option>
                          
                          <option value="NG">Nigeria</option>
                          
                          <option value="NU">Niue</option>
                          
                          <option value="NF">Norfolk Island</option>
                          
                          <option value="MP">Northern Mariana Islands</option>
                          
                          <option value="KP">North Korea</option>
                          
                          <option value="NO">Norway</option>
                          
                          <option value="OM">Oman</option>
                          
                          <option value="PK">Pakistan</option>
                          
                          <option value="PW">Palau</option>
                          
                          <option value="PS">Palestinian Territories</option>
                          
                          <option value="PA">Panama</option>
                          
                          <option value="PG">Papua New Guinea</option>
                          
                          <option value="PY">Paraguay</option>
                          
                          <option value="PE">Peru</option>
                          
                          <option value="PH">Philippines</option>
                          
                          <option value="PN">Pitcairn Islands</option>
                          
                          <option value="PL">Poland</option>
                          
                          <option value="PT">Portugal</option>
                          
                          <option value="PR">Puerto Rico</option>
                          
                          <option value="QA">Qatar</option>
                          
                          <option value="RE">Réunion</option>
                          
                          <option value="RO">Romania</option>
                          
                          <option value="RU">Russia</option>
                          
                          <option value="RW">Rwanda</option>
                          
                          <option value="BQ">Saint Eustatius and Saba</option>
                          
                          <option value="SH">Saint Helena</option>
                          
                          <option value="KN">Saint Kitts and Nevis</option>
                          
                          <option value="LC">Saint Lucia</option>
                          
                          <option value="PM">Saint Pierre and Miquelon</option>
                          
                          <option value="VC">Saint Vincent and the Grenadines</option>
                          
                          <option value="WS">Samoa</option>
                          
                          <option value="SM">San Marino</option>
                          
                          <option value="ST">São Tomé and Príncipe</option>
                          
                          <option value="SA">Saudi Arabia</option>
                          
                          <option value="SN">Senegal</option>
                          
                          <option value="RS">Serbia</option>
                          
                          <option value="SC">Seychelles</option>
                          
                          <option value="SL">Sierra Leone</option>
                          
                          <option value="SG">Singapore</option>
                          
                          <option value="SX">Sint Maarten</option>
                          
                          <option value="SK">Slovakia</option>
                          
                          <option value="SI">Slovenia</option>
                          
                          <option value="SB">Solomon Islands</option>
                          
                          <option value="SO">Somalia</option>
                          
                          <option value="ZA">South Africa</option>
                          
                          <option value="GS">South Georgia and the South Sandwich Islands</option>
                          
                          <option value="KR">South Korea</option>
                          
                          <option value="ES">Spain</option>
                          
                          <option value="LK">Sri Lanka</option>
                          
                          <option value="SD">Sudan</option>
                          
                          <option value="SR">Suriname</option>
                          
                          <option value="SJ">Svalbard and Jan Mayen</option>
                          
                          <option value="SZ">Swaziland</option>
                          
                          <option value="SE">Sweden</option>
                          
                          <option value="CH">Switzerland</option>
                          
                          <option value="SY">Syria</option>
                          
                          <option value="TW">Taiwan</option>
                          
                          <option value="TJ">Tajikistan</option>
                          
                          <option value="TZ">Tanzania</option>
                          
                          <option value="TH">Thailand</option>
                          
                          <option value="TL">Timor-Leste</option>
                          
                          <option value="TG">Togo</option>
                          
                          <option value="TK">Tokelau</option>
                          
                          <option value="TO">Tonga</option>
                          
                          <option value="TT">Trinidad and Tobago</option>
                          
                          <option value="TN">Tunisia</option>
                          
                          <option value="TR">Turkey</option>
                          
                          <option value="TM">Turkmenistan</option>
                          
                          <option value="TC">Turks and Caicos Islands</option>
                          
                          <option value="TV">Tuvalu</option>
                          
                          <option value="UG">Uganda</option>
                          
                          <option value="UA">Ukraine</option>
                          
                          <option value="AE">United Arab Emirates</option>
                          
                          <option value="GB">United Kingdom</option>
                          
                          <option value="UY">Uruguay</option>
                          
                          <option value="UM">U.S. Minor Outlying Islands</option>
                          
                          <option value="VI">U.S. Virgin Islands</option>
                          
                          <option value="UZ">Uzbekistan</option>
                          
                          <option value="VU">Vanuatu</option>
                          
                          <option value="VA">Vatican City</option>
                          
                          <option value="VE">Venezuela</option>
                          
                          <option value="VN">Vietnam</option>
                          
                          <option value="WF">Wallis and Futuna</option>
                          
                          <option value="EH">Western Sahara</option>
                          
                          <option value="YE">Yemen</option>
                          
                          <option value="ZM">Zambia</option>
                          
                          <option value="ZW">Zimbabwe</option>
                          
                        </select>
                      </div>

                      <div class="col-md-4">
                        <select
                          id="select-country-region"
                          class="form-control selectpicker"
                          data-style="btn-default"
                          data-dropup-auto="false"
                        >
                          <option value=""> </option>
                        </select>
                      </div>
                    </div>

                    <br>

                    <div class="row">
                      <div class="col-md-12">
                        <input
                          id="select-school-input"
                          class="typeahead form-control"
                          type="text"
                          placeholder="Start Typing Your School Name"
                          disabled
                        >
                      </div>
                    </div>
                  </div>
                </div>

                <div id="teacher-select-container" data-studentstep="2">
                  <label for="select-default">Select Your Teacher</label>

                  <select
                    id="select-teacher"
                    class="form-control selectpicker"
                    data-style="btn-default"
                    onchange="teacherSelect()"
                    data-dropup-auto="false"
                    style="display: none;"
                  >
                    <option value="">-- Select Your Teacher --</option>
                  </select>

                  <span style="color: #ff7149; cursor: pointer;" id="reset-prefilled-form">Don't see your teacher? Select a different school.</span>
                </div>

                <div id="class-select-container" data-studentstep="3">
                  <label for="select-default">Select Your Class</label>

                  <select
                    id="select-class"
                    style="display: none;"
                    class="form-control selectpicker"
                    data-style="btn-default"
                    onchange="classSelect()"
                    data-dropup-auto="false"
                  >
                    <option value="">-- Select Your Class --</option>
                  </select>

                  <div class="checkbox">
                    <label>
                      <input type="checkbox" id="show-archived-classes"/>
                      Show archived classes
                    </label>
                  </div>
                </div>

                <div id="student-select-container" data-studentstep="4">
                  <label for="select-name">Select Your Name</label>

                  <select
                    style="display: none;"
                    class="form-control selectpicker"
                    id="select-name" data-style="btn-default"
                    onchange="studentSelect()"
                    data-dropup-auto="false"
                  >
                    <option value="">-- Select Your Name --</option>
                  </select>
                </div>

                <div id="student-password-container" data-studentstep="5">
                  <div class="row" id="old-password-container">
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="pencil">
                        <i class="fa fa-pencil"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="anchor">
                        <i class="fa fa-anchor"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="university">
                        <i class="fa fa-university"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="diamond">
                        <i class="fa fa-diamond"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="scissors">
                        <i class="fa fa-scissors"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="fighter-jet">
                        <i class="fa fa-fighter-jet"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="flag">
                        <i class="fa fa-flag"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="fire">
                        <i class="fa fa-fire"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="fax">
                        <i class="fa fa-fax"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="gears">
                        <i class="fa fa-gears"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="gamepad">
                        <i class="fa fa-gamepad"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="legal">
                        <i class="fa fa-legal"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="leaf">
                        <i class="fa fa-leaf"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="life-saver">
                        <i class="fa fa-life-saver"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="glass">
                        <i class="fa fa-glass"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="mobile">
                        <i class="fa fa-mobile"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="power-off">
                        <i class="fa fa-power-off"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="puzzle-piece">
                        <i class="fa fa-puzzle-piece"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="rocket">
                        <i class="fa fa-rocket"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="spoon">
                        <i class="fa fa-spoon"></i>
                        <div class="overlay"></div>
                      </div>
                    
                  </div>

                  <div class="row" id="new-password-container">
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="01">
                        <i class="icon-ico1-01"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="02">
                        <i class="icon-ico1-02"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="03">
                        <i class="icon-ico1-03"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="04">
                        <i class="icon-ico1-04"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="05">
                        <i class="icon-ico1-05"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="06">
                        <i class="icon-ico1-06"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="07">
                        <i class="icon-ico1-07"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="08">
                        <i class="icon-ico1-08"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="09">
                        <i class="icon-ico1-09"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="10">
                        <i class="icon-ico1-10"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="11">
                        <i class="icon-ico1-11"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="12">
                        <i class="icon-ico1-12"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="13">
                        <i class="icon-ico1-13"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="14">
                        <i class="icon-ico1-14"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="15">
                        <i class="icon-ico1-15"></i>
                        <div class="overlay"></div>
                      </div>
                    
                      <div class="col-sm-2 col-xs-3 icon-password-container active" data-icon="16">
                        <i class="icon-ico1-16"></i>
                        <div class="overlay"></div>
                      </div>
                    
                  </div>

                  <br>

                  <div class="row">
                    <div class="col-md-12">
                      <a id="studentForgotPassword" style="cursor: pointer;">Forgot your password?</a>
                    </div>
                  </div>
                </div>

                <div class="row">
                  <br>

                  <a
                    id="back-button-student-login"
                    class="btn btn-default btn-sm btn-has-icon"
                    style="cursor: pointer;"
                    disabled
                  >
                    <i class="fa fa-long-arrow-left"></i>
                    Back
                  </a>

                  <button class="btn btn-default" id="next-button-student-login" disabled>
                    Next
                    <i class="fa fa-arrow-right"></i>
                  </button>

                  <button type="button" class="btn btn-sm btn-default" id="clear-password-button" disabled>
                    Clear
                  </button>

                  <button type="button" class="btn btn-success" id="student-login-button">
                    Login
                  </button>

                  <br><br>

                  <span style="margin-left: 12px;" class="steps-student-login">
                    Step <span id="student-login-step">1</span> / 5
                  </span>
                </div>
              </div>

              <div class="col-md-4">
                <div class="title-bordered border__solid">
                  <h5>Sign Up</h5>
                </div>
                <div>
                  <p>To create a new account, click the button below.</p>
                  <p>You'll need the class code given to you by your teacher.</p>
                  <button type="button" class="btn btn-info" id="studentJoinClass">Sign Up</button>
                </div>
              </div>
            </div>
          </div>

          <div role="tabpanel" class="tab-pane fade" id="tab4-2">
            <div class="row">
              <div class="col-md-8">
                <div class="title-bordered border__solid">
                  <h5>Log In with Google</h5>
                </div>

                <div class="btnMarkt__group--vertical">

                  <a href="/api/v2/auth/teacher/google/start/?redirect=true" class="btn btn--social">
                    <img src="https://assets.senorwooly.com/static/fonts/google.svg" alt="google">
                    Sign in with Google
                  </a>
                </div>

                <br><br>

                <div class="title-bordered border__solid">
                  <h5>Or log in with email and password</h5>
                </div>

                <form id="teacherLoginForm">
                  <input type="hidden" name="csrf_token" value="NYTrsrXGh8erA2n2eh4W4oe3j/iYuGimXhm9tAHiBOCeYhHIcgI3wwZo2&#43;SF4So/XwzaYy117ifUSuz45XjUJQ==">
                  <div class="form-group">
                    <label for="loginUsername">Email</label>
                    <input type="email" id="loginUsername" class="form-control" name="username" placeholder="Email">
                  </div>
                  <div class="form-group">
                    <label for="loginPassword">Password</label>
                    <input type="password" id="loginPassword" class="form-control" name="password" placeholder="Password">
                  </div>
                  <p><input type="submit" class="btn btn-success" value="Log in" style="margin-right: 16px;"></p>
                  <p><a id="teacherForgotPassword" style="cursor: pointer;">Forgot your password?</a></p>
                  <p><div class="hidden" name="failed"><br>Invalid username or password.</div></p>
                </form>
              </div>

              <div class="col-md-4">
                <div class="title-bordered border__solid">
                  <h5>Sign Up</h5>
                </div>
                <div>Ready to choose your plan and get started?</div>
                <br>
                <a class="btn btn-info" href="https://teacher.senorwooly.com/signup">Sign Up</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

	<script type="text/javascript">function hasLocalStorage() {
  return typeof Storage !== void 0;
}

function storeLocalValue(key, value) {
  if (!hasLocalStorage()) {
    return;
  }

  localStorage.setItem(key, value);
}

function retrieveLocalValue(key) {
  if (!hasLocalStorage()) {
    return null;
  }

  return localStorage.getItem(key);
}

function clearLocalValue(key) {
  if (!hasLocalStorage()) {
    return;
  }

  localStorage.removeItem(key);
}

var studentLoginStep = 1,
  $studentNext = jQuery('#next-button-student-login'),
  showArchivedClasses = jQuery('#show-archived-classes').is(':checked'),
  loadedClasses = [],
  selectedSchool = -1,
  wasPrefilled = false;

function prepareClassesDropdown() {
  let selector = $('#select-class')
    .html("")
    .append($('<option value="">-- Select Your Class --</option>'));

  
  const data = loadedClasses ? loadedClasses : [];
  for (let i = 0; i < data.length; i++) {
    const cl = data[i];
    
    if (!cl.ArchivedAt.Valid || showArchivedClasses){
      const name = cl.Name + (cl.ArchivedAt.Valid ? " (Archived)": "");
      const opt = $("<option></option>")
        .text(name)
        .val(cl.ID);
      selector.append(opt);
    }
  }

  
  
  selector
    .selectpicker('refresh')
    .selectpicker('deselectAll')
    .selectpicker('refresh');
}

$('#show-archived-classes').change(function () {
  showArchivedClasses = $(this).is(':checked');
  prepareClassesDropdown();
});

$('#back-button-student-login').click(function () {
  if (studentLoginStep === 1) {
    return;
  }

  advanceStudentLogin(-1);
});

$studentNext.click(function () {
  var pass = false;

  switch (studentLoginStep) {
    case 1:
      pass = selectedSchool > 0;
      break;
    case 2:
      pass = !!$('#select-teacher').val();
      break;
    case 3:
      pass = !!$('#select-class').val();
      break;
    case 4:
      pass = !!$('#select-name').val();
      break;
  }

  if (pass) {
    advanceStudentLogin(1);
  }
});

jQuery('#loginModal').on('hidden.bs.modal', function () {
  advanceStudentLogin(-(studentLoginStep - 1));
});



jQuery('#loginModal').on('shown.bs.modal', function () {
  ($loginUsername.val() ? $loginPassword : $loginUsername).focus();
});

function fillStudentLoginForm() {
  $('#reset-prefilled-form').hide();
  var loginData = retrieveLocalValue('login_data');

  if (typeof loginData === 'undefined' || loginData === null) {
    return;
  }

  loginData = JSON.parse(loginData);

  if (typeof loginData === 'undefined' || loginData === null) {
    return;
  }

  if (typeof loginData.country === 'undefined') {
    return;
  }

  $('#select-country option[value="' + loginData.country + '"]')
    .prop('selected', true)
    .attr('selected', 'selected');
  $('#select-country').selectpicker('refresh').change();

  if (typeof loginData.school === 'undefined') {
    return;
  }

  wasPrefilled = true;
  $('#reset-prefilled-form').show();
  selectedSchool = loginData.school;
  advanceStudentLogin(1);
}

function resetSelectSchool() {
  $('#select-country option').prop('selected', false).removeAttr('selected');
  $('#select-country-region option').prop('selected', false).removeAttr('selected');
  $('#select-school-input').val('').change();
  $('#select-country').selectpicker('refresh').change();
  selectedSchool = -1;
  wasPrefilled = false;
  $('#reset-prefilled-form').hide();
}



jQuery('#loginModal').on('show.bs.modal', function () {
  fillStudentLoginForm();
  $teacherLoginForm.find('.has-error').removeClass('has-error');
  $loginFailed.addClass('hidden');
  $loginPassword.val('');
});

$('#reset-prefilled-form').click(function () {
  advanceStudentLogin(-1);
});

var typeaheadOpen = false;

jQuery('#loginModal').keypress(function (e) {
  if (e.keyCode === 27 && !typeaheadOpen) {
    jQuery(this).modal('hide');
  }
});

var availableStudents = {};
var selectedStudent = null;

function updateAvailableStudents(data) {
  if (!data) {
    return;
  }

  availableStudents = {};
  for (var i = 0; i < data.length; i++) {
    var s = data[i];
    availableStudents[s.StudentID] = s;
  }
}

function displayCorrectPasswordIcons() {
  var showOld = selectedStudent.RequirePasswordChange;

  if (showOld) {
    $('#new-password-container').hide();
    $('#old-password-container').show();
    return;
  }

  $('#new-password-container').show();
  $('#old-password-container').hide();
}

function advanceStudentLogin(step) {
  studentLoginStep += step;

  var returnFromPrefill = false;
  if (studentLoginStep === 1 && wasPrefilled) {
    returnFromPrefill = true;
    resetSelectSchool();
    clearLocalValue('login_data');
  }

  jQuery('#student-login-step').html(studentLoginStep);

  var $last = $('div[data-studentstep="' + (studentLoginStep - step) + '"]'),
    $current = $('div[data-studentstep="' + studentLoginStep + '"]');

  $last.fadeOut('fast', function () {
    $current.fadeIn('fast');
  });

  if (studentLoginStep === 1) {
    $('#back-button-student-login').attr('disabled', 'disabled');
  } else {
    $('#back-button-student-login').removeAttr('disabled');
  }

  if (studentLoginStep === 5) {
    $studentNext.fadeOut('fast', function () {
      $('#student-login-button, #clear-password-button').fadeIn('fast');
    });
  } else {
    $('#student-login-button, #clear-password-button').fadeOut('fast', function () {
      $studentNext.show();
    });
  }

  if (step > 0) {
    switch (studentLoginStep) {
      case 1:
        if (selectedSchool <= 0) {
          $studentNext.attr('disabled', 'disabled');
        } else {
          $studentNext.removeAttr('disabled');
        }
      case 2:
        if (!$('#select-teacher').val()) {
          $studentNext.attr('disabled', 'disabled');
          $.getJSON(
            '/api/teachers/' + jQuery('#select-country').val() + '/' + selectedSchool,
            { apikey: '' },
            function (data) {
              let selector = $('#select-teacher')
                .html("")
                .append($('<option value="">-- Select Your Teacher --</option>'));

              
              const list = data ? data : [];
              for (let i = 0; i < list.length; i++) {
                const teacher = list[i];
                const opt = $("<option></option>")
                  .text(teacher.DisplayName)
                  .val(teacher.AccountID);
                selector.append(opt);
              }

              
              
              selector
                .selectpicker('refresh')
                .selectpicker('deselectAll')
                .selectpicker('refresh');
            },
          );
        } else {
          $studentNext.removeAttr('disabled');
        }
        break;
      case 3:
        if (!$('#select-class').val()) {
          $studentNext.attr('disabled', 'disabled');
          $.getJSON('/api/classes/' + jQuery('#select-teacher').val(), { apikey: '' }, function (data) {
            loadedClasses = data;
            prepareClassesDropdown();
          });
        } else {
          $studentNext.removeAttr('disabled');
        }
      case 4:
        if (!$('#select-name').val()) {
          $studentNext.attr('disabled', 'disabled');
          $.getJSON('/api/students/' + $('#select-class').val(), { apikey: '' }, function (data) {
            var options = ['<option value="">-- Select Your Name --</option>'];

            updateAvailableStudents(data);
            if (data && data.length) {
              for (var i = 0; i < data.length; i++) {
                var dup = '';
                if (data[i].Duplicates > 1) {
                  dup = ' (' + data[i].Duplicates + ')';
                }
                options.push(
                  "<option data-content=\"<img style='width: 30px;' src='" +
                    data[i].Avatar +
                    "'></i> " +
                    data[i].FirstName +
                    ' ' +
                    data[i].LastName +
                    dup +
                    '"" value="' +
                    data[i].StudentID +
                    '"></option>',
                );
              }
            }
            $('#select-name')
              .html(options.join(''))
              .selectpicker('refresh')
              .selectpicker('deselectAll')
              .selectpicker('refresh');
          });
        } else {
          $studentNext.removeAttr('disabled');
        }
        break;

      case 5:
        displayCorrectPasswordIcons();
        break;
    }
    return;
  }

  $studentNext.removeAttr('disabled');

  if (returnFromPrefill) {
    $studentNext.attr('disabled', 'disabled');
  }
}

jQuery('#select-country').change(function () {
  var $regions = jQuery('#select-country-region');
  var country = jQuery(this).val();
  if (country) {
    jQuery('#select-school-input').removeAttr('disabled');
    $.getJSON('/api/regions/' + country, { apikey: '' }, function (data) {
      if (data && data.length) {
        $regions.html('<option value="">-- Filter --</option>');
        for (var i = 0; i < data.length; i++) {
          $regions.append('<option value="' + data[i].Abbr + '">' + data[i].Name + '</option>');
        }
      } else {
        $regions.html('<option value=""> </option>');
      }
      $regions.selectpicker('refresh').selectpicker('deselectAll').selectpicker('refresh');
    });
  } else {
    $regions.html('<option value=""> </option>');
    $regions.selectpicker('refresh').selectpicker('deselectAll').selectpicker('refresh');
    jQuery('#select-school-input').attr('disabled', 'disabled');
  }
});

function schoolSelect() {
  selectedSchool = $('#select-school-input').data('school').ID;
  storeLocalValue(
    'login_data',
    JSON.stringify({
      country: $('#select-country').val(),
      region: $('#select-country-region').val(),
      school: selectedSchool,
    }),
  );

  $('#select-teacher').val('');
  $studentNext.click();
}

function teacherSelect() {
  $('#select-class').val('');
  $studentNext.click();
}

function classSelect() {
  $('#select-name').val('');
  $studentNext.click();
}

function studentSelect() {
  var studentID = parseInt($('#select-name').val(), 10);
  selectedStudent = availableStudents[studentID];
  $studentNext.click();
}



jQuery('a[data-toggle="tab"]', '.nav-tabs').on('shown.bs.tab', function (e) {
  var href = jQuery(e.target).attr('href');
  if (href === '#tab4-2') {
    jQuery('#loginUsername').focus();
  }
});

var $teacherLoginForm = jQuery('#teacherLoginForm');

jQuery(document).ready(function () {
  $loginUsername = jQuery('input[name="username"]', $teacherLoginForm);
  $loginPassword = jQuery('input[name="password"]', $teacherLoginForm);
  $loginFailed = jQuery('div[name="failed"]', $teacherLoginForm);

  var showError = function ($input) {
    $input.parent('.form-group').addClass('has-error');
    $input.focus();
  };

  $teacherLoginForm.submit(function (e) {
    e.preventDefault();
    $teacherLoginForm.find('.has-error').removeClass('has-error');
    $loginFailed.addClass('hidden');

    var username = $loginUsername.val();
    if (!username) {
      showError($loginUsername);
      return;
    }

    var password = $loginPassword.val();
    if (!password) {
      showError($loginPassword);
      return;
    }

    
    

    var $submit = jQuery(e.target).find('input[type="submit"]');
    $submit.blur().attr('disabled', 'disabled').attr('value', 'Logging In...');

    $loginUsername.blur().attr('disabled', 'disabled');
    $loginPassword.blur().attr('disabled', 'disabled');

    jQuery
      .ajax({
        url: '/api/v2/auth/teacher/password/login/',
        method: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({ username: username, password: password }),
      })
      .success(function (userStr) {
        
        
        
        const user = JSON.parse(userStr);

        
        
        window.location.href = '/';
      })
      .error(function (e) {
        if (e.status === 400) {
          
          bootbox.alert(
            'Whoops, your browser submitted an invalid CSRF token! Try clearing your cookies and then giving it another shot.',
          );
        } else {
          $loginFailed.removeClass('hidden');
        }
        $loginPassword.focus().select();
        $submit.removeAttr('disabled').attr('value', 'Log In');
        $loginUsername.removeAttr('disabled');
        $loginPassword.removeAttr('disabled');
      });
  });

  var $selectSchool = jQuery('#select-school-input'),
    $noSchoolError = jQuery('#no-school-error');

  var searchTimeout = null;

  $selectSchool.typeahead(
    {
      minLength: 3,
      highlight: true,
      hint: false,
      dropup: true,
    },
    {
      name: 'schools',
      source: function (query, syncResults, asyncResults) {
        if (searchTimeout) {
          clearTimeout(searchTimeout);
        }
        searchTimeout = setTimeout(function () {
          jQuery.getJSON(
            '/api/schools/' + jQuery('#select-country').val(),
            {
              q: query,
              filter: jQuery('#select-country-region').selectpicker('val'),
              apikey: '',
              limit: true,
            },
            asyncResults,
          );
          searchTimeout = null;
        }, 400);
      },
      display: function (item) {
        return item.Name;
      },
      templates: {
        pending: function () {
          return 'Searching...';
        },
        notFound: function () {
          return 'Nothing found.';
        },
        suggestion: function (item) {
          const region = item.Region.Valid ? (', ' + item.Region.String) : '';
          const details = item.City + region;
          const detailElem = $("<span class='school-suggestion-details'></span>")
            .text(details);
          const nameElem = $("<div class='school-suggestion-text'></div>")
            .text(item.Name)
            .append('<br>')
            .append(detailElem);

          const container = $("<div style='padding-bottom: 6px;'></div>");
          container.append(nameElem);

          return container;
        },
      },
      limit: 1000,
    },
  );

  $selectSchool.bind('typeahead:select', function (e, school) {
    $noSchoolError.addClass('hidden');
    $selectSchool.data('school', school);
    schoolSelect();
  });

  $selectSchool.bind('typeahead:change', function () {
    var existing = $selectSchool.data('school');
    if (existing && existing.Name !== $selectSchool.val()) {
      $selectSchool.data('school', null);
    }
  });

  $selectSchool.bind('typeahead:open', function () {
    typeaheadOpen = true;
  });
  $selectSchool.bind('typeahead:close', function () {
    setTimeout(function () {
      typeaheadOpen = false;
    }, 300);
  });

  var selectedIcons = [];

  jQuery('.icon-password-container').click(function (e) {
    var $container = jQuery(e.target).closest('.icon-password-container'),
      icon = $container.attr('data-icon');

    if (selectedIcons.length < 8 && jQuery.inArray(icon, selectedIcons) === -1) {
      selectedIcons.push(icon);
      $container.addClass('icon-password-container-selected');
      
      jQuery('#clear-password-button').removeAttr('disabled');
    }
  });

  jQuery('#clear-password-button').click(function () {
    selectedIcons = [];
    jQuery('.icon-password-container-selected').removeClass('icon-password-container-selected');
    
    jQuery(this).attr('disabled', 'disabled');
  });

  jQuery('#student-login-button').click(function () {
    var $this = jQuery(this);
    $this.blur().attr('disabled', 'disabled').html('Logging in...');
    jQuery
      .ajax({
        url: '/api/v2/auth/student/icon-password/login/',
        method: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({ student_id: parseInt(jQuery('#select-name').val()), password: selectedIcons }),
      })
      .success(function (path) {
        window.location.href = '/student'
      })
      .error(function (resp) {
        selectedIcons = [];
        $this.removeAttr('disabled').html('Login');
        jQuery('.icon-password-container-selected').removeClass('icon-password-container-selected');
        

        if (resp && resp.responseText) {
          var attempts = JSON.parse(resp.responseText);
          if (attempts.Failed === attempts.MaxTries) {
            humane.log(
              'Your account is now locked, but it will automatically unlock again after 10 minutes. If you need help with your password, please contact your teacher.',
              { timeout: 4000 },
            );
          } else {
            humane.log(
              'Login attempt ' + attempts.Failed + ' out of ' + attempts.MaxTries + ' failed. Please try again.',
              { timeout: 3000 },
            );
          }
        }
      });
  });
});

jQuery('#studentForgotPassword').click(function () {
  bootbox.dialog({
    message:
      'You will need to talk to your teacher, who will be able to reset your password and provide you with the new one.',
    title: 'Help, I forgot my password!',
    buttons: {
      ok: {
        label: 'OK',
        className: 'btn-primary',
        callback: function () {},
      },
    },
  });
});

jQuery('#teacherForgotPassword').click(function () {
  var $dialog = bootbox.dialog({
    message:
      'Hey, even the best of us forget our password from time to time. Enter your e-mail address to receive an invitation to reset your password, and remember to write it down in a safe place:<br><br>' +
      '<div class="form-group">' +
      '   <label>E-mail Address:</label>' +
      '   <input type="email" class="form-control" name="Email" placeholder="E-mail">' +
      '</div>',
    title: 'Reset Password',
    buttons: {
      cancel: {
        label: 'Cancel',
        className: 'btn-default',
      },
      reset: {
        label: 'Send',
        className: 'btn-primary',
        callback: function () {
          var email = $dialog.find('[name="Email"]').val();
          if (!email) {
            return false;
          }
          jQuery
            .ajax({
              url: '/action/send-recovery-email',
              method: 'POST',
              headers: { 'X-CSRF-Token': 'NYTrsrXGh8erA2n2eh4W4oe3j\/iYuGimXhm9tAHiBOCeYhHIcgI3wwZo2\u002bSF4So\/XwzaYy117ifUSuz45XjUJQ==' },
              data: { Email: email },
            })
            .success(function () {
              humane.log(
                'We have attempted to send you an e-mail at the address you entered.  If you do not receive an e-mail, please contact Sr. Wooly for assistance.',
                { timeout: 5000 },
              );
              $dialog.modal('hide');
            })
            .error(function () {});

          return false;
        },
      },
    },
  });
  $dialog.on('shown.bs.modal', function (e) {
    $dialog
      .find('input')
      .focus()
      .keypress(function (e) {
        if (e.keyCode === 13) {
          $dialog.find('.btn-primary').click();
        }
      });
  });
});

jQuery('#studentJoinClass').click(function () {
  var $dialog;
  $dialog = bootbox.dialog({
    title: 'Join Class',
    message:
      '<div class="form-group">' +
      '<p>To create a new student account, enter the class code given to you by your teacher:</p>' +
      '<input type="text" class="form-control" placeholder="class code" name="Code">' +
      '<p id="codeError" class="help-block"></p>' +
      '</div>',
    buttons: {
      cancel: {
        label: 'Cancel',
        className: 'btn-default',
      },
      join: {
        label: 'Continue',
        className: 'btn-primary',
        callback: function () {
          $dialog.find('.has-error').removeClass('has-error');
          $dialog.find('#codeError').empty();

          var $code = $dialog.find('input[name="Code"]');
          var code = $code.val();
          if (!code) {
            return false;
          }

          return false;
        },
      },
    },
  });

  setTimeout(function () {
    $dialog.find('input[name="Code"]').focus();
  }, 500);
});
</script>
</body>

</html>

