Add multilingual language and systems learning tracks

tl/expanded-8-1/README.md

@@ -0,0 +1,9 @@
+# Web Development · 1
+
+[Agila University track](https://edu.agilaos.com/track.php?track=8&lang=tl)
+
+Mga 15 minuto bawat aralin. Hulaan, patakbuhin, baguhin, ipaliwanag, at sagutan ang pagsusulit sa University.
+
+- [Lesson 1: Bigyan ng kahulugan ang pahina gamit ang HTML](lesson-1/lesson.html)
+- [Lesson 2: Mag-style nang malinaw pa ring mabasa](lesson-2/lesson.html)
+- [Lesson 3: Tumugon sa event](lesson-3/lesson.html)

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

@@ -0,0 +1,5 @@
+<!doctype html><html lang="tl"><meta charset="utf-8"><title>Bigyan ng kahulugan ang pahina gamit ang HTML</title><h1>Bigyan ng kahulugan ang pahina gamit ang HTML</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>Inilalarawan ng HTML ang content. Nilalagyan ng pamagat ng heading ang section; pinagsasama ng list ang magkakaugnay na item. Buksan ang preview, palitan ang pamagat, at magdagdag ng ikatlong task. Ipaliwanag kung bakit mas makahulugan ang heading kaysa malaking bold na paragraph. Maglagay ng malinaw na pangunahing heading at tamang document language.</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;My study plan&lt;/h1&gt;&lt;p&gt;I will explain what I build.&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Read&lt;/li&gt;&lt;li&gt;Test&lt;/li&gt;&lt;/ul&gt;&lt;/main&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-1/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>My study plan</h1><p>I will explain what I build.</p><ul><li>Read</li><li>Test</li></ul></main>
+</html>

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

@@ -0,0 +1,5 @@
+<!doctype html><html lang="tl"><meta charset="utf-8"><title>Mag-style nang malinaw pa ring mabasa</title><h1>Mag-style nang malinaw pa ring mabasa</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>Pumipili ng element ang CSS selector at binabago ng declaration ang hitsura. Hulaan ang epekto ng padding sa loob ng card; ihambing sa margin sa labas ng border. Baguhin ang laki ng preview at panatilihing mababasa ang teksto nang walang horizontal scroll. Subukan ang keyboard focus. Huwag umasa sa kulay lang para sa pass o fail.</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;style&gt;body{font:1.1rem system-ui;margin:2rem;background:#f4f2fb;color:#21143e} main{max-width:40rem;margin:auto;padding:1.5rem;background:white;border:2px solid #56329a;border-radius:12px}button{padding:1rem}&lt;/style&gt;
+&lt;main&gt;&lt;h1&gt;My study plan&lt;/h1&gt;&lt;p&gt;Resize the preview. Keep this text readable.&lt;/p&gt;&lt;button&gt;Start&lt;/button&gt;&lt;/main&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-1/lesson-2/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>
+<style>body{font:1.1rem system-ui;margin:2rem;background:#f4f2fb;color:#21143e} main{max-width:40rem;margin:auto;padding:1.5rem;background:white;border:2px solid #56329a;border-radius:12px}button{padding:1rem}</style>
+<main><h1>My study plan</h1><p>Resize the preview. Keep this text readable.</p><button>Start</button></main></html>

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

@@ -0,0 +1,5 @@
+<!doctype html><html lang="tl"><meta charset="utf-8"><title>Tumugon sa event</title><h1>Tumugon sa event</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>Binabago ng JavaScript ang kilos. Naghihintay ng click ang listener, ina-update ang done, at ipinapakita ang bagong teksto. Hulaan ang display matapos ang tatlong click. Magdagdag ng reset na nag-a-update sa state at count. I-reload: nasa memory ng pahina ang counter, hindi saved account record.</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 counter&lt;/h1&gt;&lt;button id=&quot;add&quot;&gt;Complete one&lt;/button&gt;&lt;p id=&quot;count&quot; aria-live=&quot;polite&quot;&gt;0&lt;/p&gt;&lt;/main&gt;
+&lt;script&gt;let done=0;document.getElementById(&quot;add&quot;).addEventListener(&quot;click&quot;,()=&gt;{done+=1;document.getElementById(&quot;count&quot;).textContent=String(done);});&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-1/lesson-3/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 counter</h1><button id="add">Complete one</button><p id="count" aria-live="polite">0</p></main>
+<script>let done=0;document.getElementById("add").addEventListener("click",()=>{done+=1;document.getElementById("count").textContent=String(done);});</script></html>