Add multilingual language and systems learning tracks

tl/expanded-8-2/lesson-1/lesson.html

@@ -0,0 +1,5 @@
+<!doctype html><html lang="tl"><meta charset="utf-8"><title>I-validate ang input at lagyan ng label ang control</title><h1>I-validate ang input at lagyan ng label ang control</h1><p>15-minutong sesyon: magbasa nang 3 minuto, mag-trace nang 3, mag-eksperimento nang 7, at sagutan ang check nang 2. Maglaan ng dagdag na oras kung kailangan.</p><p>Ipinapaliwanag ng visible label ang input. Ikinokonekta ng for attribute ito sa id. Subukan ang empty, 0, 1, 60, 61, at 1.5. Nakakatulong ang HTML constraint ngunit dapat mag-validate muli ang server dahil nababago ang browser request. Walang data na isinusumite sa server ang preview na ito.</p><pre><code class="language-web">&lt;!doctype html&gt;
+&lt;html lang=&quot;en&quot;&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1&quot;&gt;
+&lt;title&gt;Agila study&lt;/title&gt;
+&lt;main&gt;&lt;h1&gt;Study time&lt;/h1&gt;&lt;label for=&quot;minutes&quot;&gt;Minutes (1–60)&lt;/label&gt;&lt;input id=&quot;minutes&quot; type=&quot;number&quot; min=&quot;1&quot; max=&quot;60&quot;&gt;&lt;button id=&quot;check&quot;&gt;Check&lt;/button&gt;&lt;p id=&quot;result&quot; role=&quot;status&quot;&gt;&lt;/p&gt;&lt;/main&gt;
+&lt;script&gt;document.getElementById(&quot;check&quot;).onclick=()=&gt;{const raw=document.getElementById(&quot;minutes&quot;).value;const n=Number(raw);document.getElementById(&quot;result&quot;).textContent=raw.trim()!==&quot;&quot;&amp;&amp;Number.isInteger(n)&amp;&amp;n&gt;=1&amp;&amp;n&lt;=60?&quot;Ready&quot;:&quot;Use a whole number from 1 to 60&quot;;};&lt;/script&gt;&lt;/html&gt;</code></pre><h3>Pagsasanay at ebidensiya</h3><p>Itala ang hula, aktuwal na resulta, at dahilan ng pagtugma o pagkakaiba. Sinusukat ng completion check ang pag-unawa; hinahasa ng practice task ang kasanayan.</p></html>

tl/expanded-8-2/lesson-1/main.html

@@ -0,0 +1,5 @@
+<!doctype html>
+<html lang="en"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Agila study</title>
+<main><h1>Study time</h1><label for="minutes">Minutes (1–60)</label><input id="minutes" type="number" min="1" max="60"><button id="check">Check</button><p id="result" role="status"></p></main>
+<script>document.getElementById("check").onclick=()=>{const raw=document.getElementById("minutes").value;const n=Number(raw);document.getElementById("result").textContent=raw.trim()!==""&&Number.isInteger(n)&&n>=1&&n<=60?"Ready":"Use a whole number from 1 to 60";};</script></html>