feat: use https://cs.coursemo.com/cs0478-book/getting-started.html

hilarryxu · hilarryxu · commit e989a271404f · 2022-09-01T16:38:43.000+08:00
diff --git a/igpc/index.html b/igpc/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>igpc: IGCSE pseudocode compiler</title><link rel="icon shortcut" type="image/x-icon" href="/favicon.09aa0899.ico"><link href="/index.51e3ad98.css" rel="stylesheet"><link href="/index.20166f71.css" rel="stylesheet"><link href="/igpc/index.9093a599.css" rel="stylesheet"></head><body class="page-igpc"> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <div class="container"> <div class="collapse nav-collapse"> <a class="brand" href="/"><span class="logo"></span></a> <ul class="flex flex-wrap nav"> <li> <a href="/"><i class="icon-newspaper"></i><span>Home</span></a> </li> <li> <a href="/igpc/"><i class="icon-power-cord"></i><span>igpc</span></a> </li> <li class="hidden md:list-item"> <a href="/lightbot/"><i class="icon-power-cord"></i><span>Lightbot</span></a> </li> <li class="hidden md:list-item"> <a href="/docs/"><i class="icon-arrow-right"></i><span>Getting Started</span></a> </li>      </ul> </div> </div> </div> </div> <div class="main"> <div class="container mx-auto"> <div class="main-content"> <div class="title-header"> <span class="tag-line">IGCSE pseudocode compiler</span> </div> <div class="flex flex-wrap gap-y-6 igpc-editor"> <div class="bg-gray-50 border igpc-code lg:w-1/2 px-4 py-4 w-full"> <div class="font-bold mb-2">IGCSE pseudocode</div> <textarea id="codeInput" class="bg-white code-input text-black w-full"></textarea> <div class="mt-2"> <div id="igpc-error-wrap" class="hidden relative"> <span id="igpc-error-close-icon" class="absolute cursor-pointer hover:text-black inline-block right-4 text-gray-500 top-3">X</span> <pre id="igpc-error" class="text-red-500"></pre> </div> <div class="flex justify-between"> <button class="bg-indigo-600 hover:bg-indigo-700 px-4 py-2 rounded-md run-code text-white"> Run </button> <p class="italic text-zinc-500">igpc v0.0.2</p> </div> </div> </div> <div class="bg-gray-50 border igpc-console lg:w-1/2 px-4 py-5 w-full"> <div class="font-bold mb-2">CONSOLE</div> <pre id="logger" class="bg-stone-800 console overflow-auto text-white w-full"></pre> <button class="bg-cyan-500 clear-console hover:bg-cyan-600 px-4 py-2 rounded-md text-white"> Clear </button> </div> </div> </div> </div> </div> <footer class="footer"> <div class="inner"> <div class="container mx-auto"> <div class="footer-main"> <ul class="flex flex-row justify-end">  <li class="social"> <a href="https://git.1-hub.cnigcompsci" title="igcompsci on GitHub"><span class="icon-github"></span></a> </li> <li> <a href="https://www.coursemo.com/" title="COURSEMO"><img src="/coursemo-logo.a5d1cfae.png" alt="COURSEMO" width="150" height="20" class="inline-block"></a> </li> </ul> </div> </div> </div> </footer> </body><script src="//libs.coursemo.com/cs/igpc.umd.min.js?v=0.0.2"></script><script type="module" src="/igpc/index.93f314d4.js"></script></html>
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>igpc: IGCSE pseudocode compiler</title><link rel="icon shortcut" type="image/x-icon" href="/favicon.09aa0899.ico"><link href="/index.51e3ad98.css" rel="stylesheet"><link href="/index.20166f71.css" rel="stylesheet"><link href="/igpc/index.9093a599.css" rel="stylesheet"></head><body class="page-igpc"> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <div class="container"> <div class="collapse nav-collapse"> <a class="brand" href="/"><span class="logo"></span></a> <ul class="flex flex-wrap nav"> <li> <a href="/"><i class="icon-newspaper"></i><span>Home</span></a> </li> <li> <a href="/igpc/"><i class="icon-power-cord"></i><span>igpc</span></a> </li> <li class="hidden md:list-item"> <a href="/lightbot/"><i class="icon-power-cord"></i><span>Lightbot</span></a> </li> <li class="hidden md:list-item"> <a href="https://cs.coursemo.com/cs0478-book/getting-started.html"><i class="icon-arrow-right"></i><span>Getting Started</span></a> </li>      </ul> </div> </div> </div> </div> <div class="main"> <div class="container mx-auto"> <div class="main-content"> <div class="title-header"> <span class="tag-line">IGCSE pseudocode compiler</span> </div> <div class="flex flex-wrap gap-y-6 igpc-editor"> <div class="bg-gray-50 border igpc-code lg:w-1/2 px-4 py-4 w-full"> <div class="font-bold mb-2">IGCSE pseudocode</div> <textarea id="codeInput" class="bg-white code-input text-black w-full"></textarea> <div class="mt-2"> <div id="igpc-error-wrap" class="hidden relative"> <span id="igpc-error-close-icon" class="absolute cursor-pointer hover:text-black inline-block right-4 text-gray-500 top-3">X</span> <pre id="igpc-error" class="text-red-500"></pre> </div> <div class="flex justify-between"> <button class="bg-indigo-600 hover:bg-indigo-700 px-4 py-2 rounded-md run-code text-white"> Run </button> <p class="italic text-zinc-500">igpc v0.0.2</p> </div> </div> </div> <div class="bg-gray-50 border igpc-console lg:w-1/2 px-4 py-5 w-full"> <div class="font-bold mb-2">CONSOLE</div> <pre id="logger" class="bg-stone-800 console overflow-auto text-white w-full"></pre> <button class="bg-cyan-500 clear-console hover:bg-cyan-600 px-4 py-2 rounded-md text-white"> Clear </button> </div> </div> </div> </div> </div> <footer class="footer"> <div class="inner"> <div class="container mx-auto"> <div class="footer-main"> <ul class="flex flex-row justify-end">  <li class="social"> <a href="https://git.1-hub.cnigcompsci" title="igcompsci on GitHub"><span class="icon-github"></span></a> </li> <li> <a href="https://www.coursemo.com/" title="COURSEMO"><img src="/coursemo-logo.a5d1cfae.png" alt="COURSEMO" width="150" height="20" class="inline-block"></a> </li> </ul> </div> </div> </div> </footer> </body><script src="//libs.coursemo.com/cs/igpc.umd.min.js?v=0.0.2"></script><script type="module" src="/igpc/index.93f314d4.js"></script></html>
diff --git a/index.html b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>IGCSE CompSci: RESOURCES FOR IGCSE CS</title><link rel="icon shortcut" type="image/x-icon" href="/favicon.09aa0899.ico"><link href="/index.51e3ad98.css" rel="stylesheet"><link href="/index.20166f71.css" rel="stylesheet"></head><body class="page-index"> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <div class="container"> <div class="collapse nav-collapse"> <a class="brand" href="/"><span class="logo"></span></a> <ul class="flex flex-wrap nav"> <li> <a href="/"><i class="icon-newspaper"></i><span>Home</span></a> </li> <li> <a href="/igpc/"><i class="icon-power-cord"></i><span>igpc</span></a> </li> <li class="hidden md:list-item"> <a href="/lightbot/"><i class="icon-power-cord"></i><span>Lightbot</span></a> </li> <li class="hidden md:list-item"> <a href="/docs/"><i class="icon-arrow-right"></i><span>Getting Started</span></a> </li>      </ul> </div> </div> </div> </div> <div class="main"> <div class="container mx-auto"> <div class="main-content"> <div class="title-header"> <span class="name">IGCSE CompSci</span><span class="tag-line">RESOURCES FOR IGCSE CS</span> </div> <h2>Overview</h2> <p> Cambridge IGCSE Computer Science helps learners develop an interest in computational thinking and an understanding of the principles of problem-solving using computers. They apply this understanding to create computer-based solutions to problems using algorithms and a high-level programming language. Learners also develop a range of technical skills, and the ability to effectively test and evaluate computing solutions. </p>        <h2>Getting Started</h2> <p>GO <a href="/docs/">Getting started</a></p> <h2>Online Tools</h2> <table class="border-collapse my-table"> <tbody> <tr> <th>Name</th> <th>Description</th> <th>Link</th> </tr> <tr> <td><code>igpc</code></td> <td>IGCSE pseudocode compiler</td> <td> <a href="/igpc/">igpc</a> </td> </tr> <tr> <td><code>lightbot</code></td> <td>lightbot format checker</td> <td> <a href="/lightbot/">lightbot</a> </td> </tr> </tbody> </table> </div> </div> </div> <footer class="footer"> <div class="inner"> <div class="container mx-auto"> <div class="footer-main"> <ul class="flex flex-row justify-end">  <li class="social"> <a href="https://git.1-hub.cnigcompsci" title="igcompsci on GitHub"><span class="icon-github"></span></a> </li> <li> <a href="https://www.coursemo.com/" title="COURSEMO"><img src="/coursemo-logo.a5d1cfae.png" alt="COURSEMO" width="150" height="20" class="inline-block"></a> </li> </ul> </div> </div> </div> </footer> </body></html>
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>IGCSE CompSci: RESOURCES FOR IGCSE CS</title><link rel="icon shortcut" type="image/x-icon" href="/favicon.09aa0899.ico"><link href="/index.51e3ad98.css" rel="stylesheet"><link href="/index.20166f71.css" rel="stylesheet"></head><body class="page-index"> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <div class="container"> <div class="collapse nav-collapse"> <a class="brand" href="/"><span class="logo"></span></a> <ul class="flex flex-wrap nav"> <li> <a href="/"><i class="icon-newspaper"></i><span>Home</span></a> </li> <li> <a href="/igpc/"><i class="icon-power-cord"></i><span>igpc</span></a> </li> <li class="hidden md:list-item"> <a href="/lightbot/"><i class="icon-power-cord"></i><span>Lightbot</span></a> </li> <li class="hidden md:list-item"> <a href="https://cs.coursemo.com/cs0478-book/getting-started.html"><i class="icon-arrow-right"></i><span>Getting Started</span></a> </li>      </ul> </div> </div> </div> </div> <div class="main"> <div class="container mx-auto"> <div class="main-content"> <div class="title-header"> <span class="name">IGCSE CompSci</span><span class="tag-line">RESOURCES FOR IGCSE CS</span> </div> <h2>Overview</h2> <p> Cambridge IGCSE Computer Science helps learners develop an interest in computational thinking and an understanding of the principles of problem-solving using computers. They apply this understanding to create computer-based solutions to problems using algorithms and a high-level programming language. Learners also develop a range of technical skills, and the ability to effectively test and evaluate computing solutions. </p>        <h2>Getting Started</h2> <p>GO <a href="https://cs.coursemo.com/cs0478-book/getting-started.html">Getting started</a></p> <h2>Online Tools</h2> <table class="border-collapse my-table"> <tbody> <tr> <th>Name</th> <th>Description</th> <th>Link</th> </tr> <tr> <td><code>igpc</code></td> <td>IGCSE pseudocode compiler</td> <td> <a href="/igpc/">igpc</a> </td> </tr> <tr> <td><code>lightbot</code></td> <td>lightbot format checker</td> <td> <a href="/lightbot/">lightbot</a> </td> </tr> </tbody> </table> </div> </div> </div> <footer class="footer"> <div class="inner"> <div class="container mx-auto"> <div class="footer-main"> <ul class="flex flex-row justify-end">  <li class="social"> <a href="https://git.1-hub.cnigcompsci" title="igcompsci on GitHub"><span class="icon-github"></span></a> </li> <li> <a href="https://www.coursemo.com/" title="COURSEMO"><img src="/coursemo-logo.a5d1cfae.png" alt="COURSEMO" width="150" height="20" class="inline-block"></a> </li> </ul> </div> </div> </div> </footer> </body></html>
diff --git a/lightbot/index.html b/lightbot/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>Lightbot</title><link rel="icon shortcut" type="image/x-icon" href="/favicon.09aa0899.ico"><link href="/index.51e3ad98.css" rel="stylesheet"><link href="/index.20166f71.css" rel="stylesheet"><link href="/lightbot/index.afc4a0bc.css" rel="stylesheet"></head><body class="page-lightbot"> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <div class="container"> <div class="collapse nav-collapse"> <a class="brand" href="/"><span class="logo"></span></a> <ul class="flex flex-wrap nav"> <li> <a href="/"><i class="icon-newspaper"></i><span>Home</span></a> </li> <li> <a href="/igpc/"><i class="icon-power-cord"></i><span>igpc</span></a> </li> <li class="hidden md:list-item"> <a href="/lightbot/"><i class="icon-power-cord"></i><span>Lightbot</span></a> </li> <li class="hidden md:list-item"> <a href="/docs/"><i class="icon-arrow-right"></i><span>Getting Started</span></a> </li>      </ul> </div> </div> </div> </div> <div class="main s-mini-container"> <div class="container mx-auto"> <div class="main-content"> <div class="title-header"> <span class="tag-line">Lightbot</span> </div> <div> <h2 class="first">Solve Puzzles using Programming!</h2> <p> LightBot is a puzzle game based on coding; it secretly teaches you programming logic as you play! </p> <p style="background:#ffe;border-radius:10px;padding:10px;font-size:24px"> <b>Programming</b>, or <b>Coding</b>, is simply the way people tell a computer what to do using instructions that the computer understands. </p> <h2>Rules for Programming Lightbot</h2> <p> In the game, the Lightbot is programmed by arranging icons representing discrete actions onto a grid. The possible actions are: </p> <p><img src="/instructions.747472f8.png"></p> <pre style="max-width:480px">
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>Lightbot</title><link rel="icon shortcut" type="image/x-icon" href="/favicon.09aa0899.ico"><link href="/index.51e3ad98.css" rel="stylesheet"><link href="/index.20166f71.css" rel="stylesheet"><link href="/lightbot/index.afc4a0bc.css" rel="stylesheet"></head><body class="page-lightbot"> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <div class="container"> <div class="collapse nav-collapse"> <a class="brand" href="/"><span class="logo"></span></a> <ul class="flex flex-wrap nav"> <li> <a href="/"><i class="icon-newspaper"></i><span>Home</span></a> </li> <li> <a href="/igpc/"><i class="icon-power-cord"></i><span>igpc</span></a> </li> <li class="hidden md:list-item"> <a href="/lightbot/"><i class="icon-power-cord"></i><span>Lightbot</span></a> </li> <li class="hidden md:list-item"> <a href="https://cs.coursemo.com/cs0478-book/getting-started.html"><i class="icon-arrow-right"></i><span>Getting Started</span></a> </li>      </ul> </div> </div> </div> </div> <div class="main s-mini-container"> <div class="container mx-auto"> <div class="main-content"> <div class="title-header"> <span class="tag-line">Lightbot</span> </div> <div> <h2 class="first">Solve Puzzles using Programming!</h2> <p> LightBot is a puzzle game based on coding; it secretly teaches you programming logic as you play! </p> <p style="background:#ffe;border-radius:10px;padding:10px;font-size:24px"> <b>Programming</b>, or <b>Coding</b>, is simply the way people tell a computer what to do using instructions that the computer understands. </p> <h2>Rules for Programming Lightbot</h2> <p> In the game, the Lightbot is programmed by arranging icons representing discrete actions onto a grid. The possible actions are: </p> <p><img src="/instructions.747472f8.png"></p> <pre style="max-width:480px">
 forward    light    left     right     jump      P1        P2</pre> <ul> <li> <code>forward</code> - Lightbot moves forward one step if this does not take it off the grid and the next tile is at the same level as the current tile. </li> <li> <code>light</code> - Lightbot lights up the tile it is standing on if it has a deep blue color. </li> <li> <code>left</code> - Lightbot turns left (counter-clockwise) 90 degrees but stays on the current tile. </li> <li> <code>right</code> - Lightbot turns right (clockwise) 90 degrees but stays on the current tile. </li> <li> <code>jump</code> - Lightbot jumps forward one step if the next tile is either one level higher or any number of levels lower than the current tile. </li> <li> <code>P1</code> - Lightbot starts executing the commands shown in the PROC1 area. Once it is done, it returns back to where it left off in the command sequence (just after the P1 command). </li> <li> <code>P2</code> - Lightbot starts executing the commands shown in the PROC2 area. Once it is done, it returns back to where it left off in the command sequence (just after the P2 command). </li> </ul> <h2>Representing Lightbot Programs Textually</h2> <p> Although programs can be written in a variety of notations — including graphical ones, like in the Light-Bot game — it is most common to use represent programs textually. </p> <p> For example, consider the Lightbot puzzle with its solution program and the corresponding text file <b>shown in Figure 1 below</b>. </p> <table class="border-collapse my-table-1"> <tbody> <tr> <td> <img src="/stage-5-1.50db4d1b.png" height="400" width="550"> </td> <td> <pre class="no-background">
 Name: Larry Xu
 Stage: 5-1

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>igpc: IGCSE pseudocode compiler</title><link rel="icon shortcut" type="image/x-icon" href="/favicon.09aa0899.ico"><link href="/index.51e3ad98.css" rel="stylesheet"><link href="/index.20166f71.css" rel="stylesheet"><link href="/igpc/index.9093a599.css" rel="stylesheet"></head><body class="page-igpc"> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <div class="container"> <div class="collapse nav-collapse"> <a class="brand" href="/"><span class="logo"></span></a> <ul class="flex flex-wrap nav"> <li> <a href="/"><i class="icon-newspaper"></i><span>Home</span></a> </li> <li> <a href="/igpc/"><i class="icon-power-cord"></i><span>igpc</span></a> </li> <li class="hidden md:list-item"> <a href="/lightbot/"><i class="icon-power-cord"></i><span>Lightbot</span></a> </li> <li class="hidden md:list-item"> <a href="/docs/"><i class="icon-arrow-right"></i><span>Getting Started</span></a> </li> </ul> </div> </div> </div> </div> <div class="main"> <div class="container mx-auto"> <div class="main-content"> <div class="title-header"> <span class="tag-line">IGCSE pseudocode compiler</span> </div> <div class="flex flex-wrap gap-y-6 igpc-editor"> <div class="bg-gray-50 border igpc-code lg:w-1/2 px-4 py-4 w-full"> <div class="font-bold mb-2">IGCSE pseudocode</div> <textarea id="codeInput" class="bg-white code-input text-black w-full"></textarea> <div class="mt-2"> <div id="igpc-error-wrap" class="hidden relative"> <span id="igpc-error-close-icon" class="absolute cursor-pointer hover:text-black inline-block right-4 text-gray-500 top-3">X</span> <pre id="igpc-error" class="text-red-500"></pre> </div> <div class="flex justify-between"> <button class="bg-indigo-600 hover:bg-indigo-700 px-4 py-2 rounded-md run-code text-white"> Run </button> <p class="italic text-zinc-500">igpc v0.0.2</p> </div> </div> </div> <div class="bg-gray-50 border igpc-console lg:w-1/2 px-4 py-5 w-full"> <div class="font-bold mb-2">CONSOLE</div> <pre id="logger" class="bg-stone-800 console overflow-auto text-white w-full"></pre> <button class="bg-cyan-500 clear-console hover:bg-cyan-600 px-4 py-2 rounded-md text-white"> Clear </button> </div> </div> </div> </div> </div> <footer class="footer"> <div class="inner"> <div class="container mx-auto"> <div class="footer-main"> <ul class="flex flex-row justify-end"> <li class="social"> <a href="https://git.1-hub.cnigcompsci" title="igcompsci on GitHub"><span class="icon-github"></span></a> </li> <li> <a href="https://www.coursemo.com/" title="COURSEMO"><img src="/coursemo-logo.a5d1cfae.png" alt="COURSEMO" width="150" height="20" class="inline-block"></a> </li> </ul> </div> </div> </div> </footer> </body><script src="//libs.coursemo.com/cs/igpc.umd.min.js?v=0.0.2"></script><script type="module" src="/igpc/index.93f314d4.js"></script></html>
	`1`	+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>igpc: IGCSE pseudocode compiler</title><link rel="icon shortcut" type="image/x-icon" href="/favicon.09aa0899.ico"><link href="/index.51e3ad98.css" rel="stylesheet"><link href="/index.20166f71.css" rel="stylesheet"><link href="/igpc/index.9093a599.css" rel="stylesheet"></head><body class="page-igpc"> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <div class="container"> <div class="collapse nav-collapse"> <a class="brand" href="/"><span class="logo"></span></a> <ul class="flex flex-wrap nav"> <li> <a href="/"><i class="icon-newspaper"></i><span>Home</span></a> </li> <li> <a href="/igpc/"><i class="icon-power-cord"></i><span>igpc</span></a> </li> <li class="hidden md:list-item"> <a href="/lightbot/"><i class="icon-power-cord"></i><span>Lightbot</span></a> </li> <li class="hidden md:list-item"> <a href="https://cs.coursemo.com/cs0478-book/getting-started.html"><i class="icon-arrow-right"></i><span>Getting Started</span></a> </li> </ul> </div> </div> </div> </div> <div class="main"> <div class="container mx-auto"> <div class="main-content"> <div class="title-header"> <span class="tag-line">IGCSE pseudocode compiler</span> </div> <div class="flex flex-wrap gap-y-6 igpc-editor"> <div class="bg-gray-50 border igpc-code lg:w-1/2 px-4 py-4 w-full"> <div class="font-bold mb-2">IGCSE pseudocode</div> <textarea id="codeInput" class="bg-white code-input text-black w-full"></textarea> <div class="mt-2"> <div id="igpc-error-wrap" class="hidden relative"> <span id="igpc-error-close-icon" class="absolute cursor-pointer hover:text-black inline-block right-4 text-gray-500 top-3">X</span> <pre id="igpc-error" class="text-red-500"></pre> </div> <div class="flex justify-between"> <button class="bg-indigo-600 hover:bg-indigo-700 px-4 py-2 rounded-md run-code text-white"> Run </button> <p class="italic text-zinc-500">igpc v0.0.2</p> </div> </div> </div> <div class="bg-gray-50 border igpc-console lg:w-1/2 px-4 py-5 w-full"> <div class="font-bold mb-2">CONSOLE</div> <pre id="logger" class="bg-stone-800 console overflow-auto text-white w-full"></pre> <button class="bg-cyan-500 clear-console hover:bg-cyan-600 px-4 py-2 rounded-md text-white"> Clear </button> </div> </div> </div> </div> </div> <footer class="footer"> <div class="inner"> <div class="container mx-auto"> <div class="footer-main"> <ul class="flex flex-row justify-end"> <li class="social"> <a href="https://git.1-hub.cnigcompsci" title="igcompsci on GitHub"><span class="icon-github"></span></a> </li> <li> <a href="https://www.coursemo.com/" title="COURSEMO"><img src="/coursemo-logo.a5d1cfae.png" alt="COURSEMO" width="150" height="20" class="inline-block"></a> </li> </ul> </div> </div> </div> </footer> </body><script src="//libs.coursemo.com/cs/igpc.umd.min.js?v=0.0.2"></script><script type="module" src="/igpc/index.93f314d4.js"></script></html>
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>Lightbot</title><link rel="icon shortcut" type="image/x-icon" href="/favicon.09aa0899.ico"><link href="/index.51e3ad98.css" rel="stylesheet"><link href="/index.20166f71.css" rel="stylesheet"><link href="/lightbot/index.afc4a0bc.css" rel="stylesheet"></head><body class="page-lightbot"> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <div class="container"> <div class="collapse nav-collapse"> <a class="brand" href="/"><span class="logo"></span></a> <ul class="flex flex-wrap nav"> <li> <a href="/"><i class="icon-newspaper"></i><span>Home</span></a> </li> <li> <a href="/igpc/"><i class="icon-power-cord"></i><span>igpc</span></a> </li> <li class="hidden md:list-item"> <a href="/lightbot/"><i class="icon-power-cord"></i><span>Lightbot</span></a> </li> <li class="hidden md:list-item"> <a href="/docs/"><i class="icon-arrow-right"></i><span>Getting Started</span></a> </li> </ul> </div> </div> </div> </div> <div class="main s-mini-container"> <div class="container mx-auto"> <div class="main-content"> <div class="title-header"> <span class="tag-line">Lightbot</span> </div> <div> <h2 class="first">Solve Puzzles using Programming!</h2> <p> LightBot is a puzzle game based on coding; it secretly teaches you programming logic as you play! </p> <p style="background:#ffe;border-radius:10px;padding:10px;font-size:24px"> <b>Programming</b>, or <b>Coding</b>, is simply the way people tell a computer what to do using instructions that the computer understands. </p> <h2>Rules for Programming Lightbot</h2> <p> In the game, the Lightbot is programmed by arranging icons representing discrete actions onto a grid. The possible actions are: </p> <p><img src="/instructions.747472f8.png"></p> <pre style="max-width:480px">
	`1`	+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>Lightbot</title><link rel="icon shortcut" type="image/x-icon" href="/favicon.09aa0899.ico"><link href="/index.51e3ad98.css" rel="stylesheet"><link href="/index.20166f71.css" rel="stylesheet"><link href="/lightbot/index.afc4a0bc.css" rel="stylesheet"></head><body class="page-lightbot"> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <div class="container"> <div class="collapse nav-collapse"> <a class="brand" href="/"><span class="logo"></span></a> <ul class="flex flex-wrap nav"> <li> <a href="/"><i class="icon-newspaper"></i><span>Home</span></a> </li> <li> <a href="/igpc/"><i class="icon-power-cord"></i><span>igpc</span></a> </li> <li class="hidden md:list-item"> <a href="/lightbot/"><i class="icon-power-cord"></i><span>Lightbot</span></a> </li> <li class="hidden md:list-item"> <a href="https://cs.coursemo.com/cs0478-book/getting-started.html"><i class="icon-arrow-right"></i><span>Getting Started</span></a> </li> </ul> </div> </div> </div> </div> <div class="main s-mini-container"> <div class="container mx-auto"> <div class="main-content"> <div class="title-header"> <span class="tag-line">Lightbot</span> </div> <div> <h2 class="first">Solve Puzzles using Programming!</h2> <p> LightBot is a puzzle game based on coding; it secretly teaches you programming logic as you play! </p> <p style="background:#ffe;border-radius:10px;padding:10px;font-size:24px"> <b>Programming</b>, or <b>Coding</b>, is simply the way people tell a computer what to do using instructions that the computer understands. </p> <h2>Rules for Programming Lightbot</h2> <p> In the game, the Lightbot is programmed by arranging icons representing discrete actions onto a grid. The possible actions are: </p> <p><img src="/instructions.747472f8.png"></p> <pre style="max-width:480px">
`2`	`2`	forward light left right jump P1 P2</pre> <ul> <li> <code>forward</code> - Lightbot moves forward one step if this does not take it off the grid and the next tile is at the same level as the current tile. </li> <li> <code>light</code> - Lightbot lights up the tile it is standing on if it has a deep blue color. </li> <li> <code>left</code> - Lightbot turns left (counter-clockwise) 90 degrees but stays on the current tile. </li> <li> <code>right</code> - Lightbot turns right (clockwise) 90 degrees but stays on the current tile. </li> <li> <code>jump</code> - Lightbot jumps forward one step if the next tile is either one level higher or any number of levels lower than the current tile. </li> <li> <code>P1</code> - Lightbot starts executing the commands shown in the PROC1 area. Once it is done, it returns back to where it left off in the command sequence (just after the P1 command). </li> <li> <code>P2</code> - Lightbot starts executing the commands shown in the PROC2 area. Once it is done, it returns back to where it left off in the command sequence (just after the P2 command). </li> </ul> <h2>Representing Lightbot Programs Textually</h2> <p> Although programs can be written in a variety of notations — including graphical ones, like in the Light-Bot game — it is most common to use represent programs textually. </p> <p> For example, consider the Lightbot puzzle with its solution program and the corresponding text file <b>shown in Figure 1 below</b>. </p> <table class="border-collapse my-table-1"> <tbody> <tr> <td> <img src="/stage-5-1.50db4d1b.png" height="400" width="550"> </td> <td> <pre class="no-background">
`3`	`3`	`Name: Larry Xu`
`4`	`4`	`Stage: 5-1`