Add multilingual language and systems learning tracks

ceb/expanded-8-1/README.md

@@ -0,0 +1,9 @@
+# Web Development · 1
+
+[Agila University track](https://edu.agilaos.com/track.php?track=8&lang=ceb)
+
+Mga 15 minutos matag leksyon. Tag-ana, padagana, usba, ipasabot, ug tubaga ang pagsusi sa University.
+
+- [Lesson 1: Hatagi og kahulogan ang pahina gamit ang HTML](lesson-1/lesson.html)
+- [Lesson 2: Pag-style nga mabasa gihapon](lesson-2/lesson.html)
+- [Lesson 3: Pagtubag sa event](lesson-3/lesson.html)

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

@@ -0,0 +1,5 @@
+<!doctype html><html lang="ceb"><meta charset="utf-8"><title>Hatagi og kahulogan ang pahina gamit ang HTML</title><h1>Hatagi og kahulogan ang pahina gamit ang HTML</h1><p>15-minutong sesyon: pagbasa sulod sa 3 minutos, pag-trace sa 3, pag-eksperimento sa 7, ug pagtubag sa check sa 2. Paggahin og dugang oras kon gikinahanglan.</p><p>Ang HTML naghulagway sa content. Ang heading nagngalan sa section; ang list maggrupo sa may kalabotang item. Ablihi ang preview, ilisi ang titulo, ug idugang ang ikatulong task. Ipasabot nganong mas makahuluganon ang heading kaysa dako nga bold paragraph. Paggamit og klarong main heading ug hustong 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>Praktis ug ebidensiya</h3><p>Isulat ang tagna, aktuwal nga resulta, ug hinungdan sa pagkapareho o kalainan. Ang completion check mosukod sa pagsabot; ang practice task mopauswag sa kahanas.</p></html>

ceb/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>

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

@@ -0,0 +1,5 @@
+<!doctype html><html lang="ceb"><meta charset="utf-8"><title>Pag-style nga mabasa gihapon</title><h1>Pag-style nga mabasa gihapon</h1><p>15-minutong sesyon: pagbasa sulod sa 3 minutos, pag-trace sa 3, pag-eksperimento sa 7, ug pagtubag sa check sa 2. Paggahin og dugang oras kon gikinahanglan.</p><p>Ang CSS selector mopili og element ug ang declaration mousab sa hitsura. Tag-ana ang epekto sa padding sulod sa card; itandi sa margin gawas sa border. Usba ang gidak-on sa preview ug ipadayon ang pagkabasa nga walay horizontal scroll. Sulayi ang keyboard focus. Ayaw pagsalig sa kolor lamang alang 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>Praktis ug ebidensiya</h3><p>Isulat ang tagna, aktuwal nga resulta, ug hinungdan sa pagkapareho o kalainan. Ang completion check mosukod sa pagsabot; ang practice task mopauswag sa kahanas.</p></html>

ceb/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>

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

@@ -0,0 +1,5 @@
+<!doctype html><html lang="ceb"><meta charset="utf-8"><title>Pagtubag sa event</title><h1>Pagtubag sa event</h1><p>15-minutong sesyon: pagbasa sulod sa 3 minutos, pag-trace sa 3, pag-eksperimento sa 7, ug pagtubag sa check sa 2. Paggahin og dugang oras kon gikinahanglan.</p><p>Ang JavaScript mousab sa kinaiya. Maghulat ang listener sa click, i-update ang done, ug ipakita ang bag-ong teksto. Tag-ana ang display human sa tulo ka click. Idugang ang reset nga mo-update sa state ug count. I-reload: memory sa pahina kini, dili 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>Praktis ug ebidensiya</h3><p>Isulat ang tagna, aktuwal nga resulta, ug hinungdan sa pagkapareho o kalainan. Ang completion check mosukod sa pagsabot; ang practice task mopauswag sa kahanas.</p></html>

ceb/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>