complete source code update

beltoforion · Jan 3, 2016 · 13c182c · 13c182c
1 parent c75e817
commit 13c182c
Show file tree

Hide file tree

Showing 13 changed files with 2,825 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -0,0 +1,7 @@
+# beltoforion.github.io
+This is the demonstration page for the educational javascripts
+
+Content:
+- Conveys Game of Life
+- Simulated evolution 
+- Tidal Simulation
diff --git a/game_of_life.html b/game_of_life.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <script type="text/javascript" src="./javascript_samples/game_of_life/game_of_life.js"></script>
+  <link rel="stylesheet" type="text/css" href="./styles/index.css"/>
+  <link rel="stylesheet" type="text/css" href="./styles/article.css"/>
+  <style type="text/css">
+      canvas { border: 1px solid black; }
+  </style>
+</head>
+<body class="article">
+  <h2 class="article_caption">Example 2: Conveys Game of Life</h2>
+  <p>
+  This is the demonstration page of the "Game of Life" javascript applet. For more details about 
+  the please turn to the <a href="http://articles.beltoforion.de/article.php?a=game_of_life" target="_blank">original game of life article.</a>
+  </p>
+
+  <table  class="noborder">
+   <tr>
+     <td  class="noborder"><canvas id="cvMain" width="800" height="600"/></td>
+     <td class="noborder">
+       <b>Select Pattern</b><br/>
+       <fieldset>
+         <input type="button"   value="Randomize"                  onclick="cmd='random';" style="width:200px;height:40px;"/><br/>
+         <input type="button"   value="R-pentomino (a Methuselah)" onclick="cmd='pat1';"   style="width:200px;height:40px;"/><br/>
+         <input type="button"   value="Glider"                     onclick="cmd='pat2';"   style="width:200px;height:40px;"/><br/>
+         <input type="button"   value="Spaceship"                  onclick="cmd='pat3';"   style="width:200px;height:40px;"/><br/>
+         <input type="button"   value="Trans Queen Bee Shuttle"    onclick="cmd='pat4';"   style="width:200px;height:40px;"/><br/>
+         <input type="button"   value="Queen Bee Loop"             onclick="cmd='pat5';"   style="width:200px;height:40px;"/><br/>
+         <input type="button"   value="Partial Queen Bee Loop"     onclick="cmd='pat6';"   style="width:200px;height:40px;"/><br/>
+         <input type="button"   value="Tagalong for two LWSS"      onclick="cmd='pat7';"   style="width:200px;height:40px;"/><br/>
+         <input type="button"   value="Glider Duplicator"          onclick="cmd='pat8';"   style="width:200px;height:40px;"/><br/>
+         <input type="button"   value="Twogun"                     onclick="cmd='pat9';"   style="width:200px;height:40px;"/><br/>
+         <input type="button"   value="Newgun"                     onclick="cmd='pat10';"  style="width:200px;height:40px;"/><br/>
+         <input type="button"   value="Block-laying switch engine" onclick="cmd='pat11';"  style="width:200px;height:40px;"/><br/>
+         <input type="button"   value="40514M (a Methuselah)"      onclick="cmd='pat12';"  style="width:200px;height:40px;"/>
+         <p class="annotation" style="margin-top:10px; font-size:70%;">
+         (Patterns Courtesy of <a href="http://www.conwaylife.com/wiki/Main_Page">LifeWiki</a>)
+         </p>
+       </fieldset>
+     </td>
+   </tr>
+
+   <tr>
+     <td class="noborder">
+        <input type="button"   value="Clear"        onclick="cmd='clear';"  style="width:100px; height:60px;"/>
+        <input type="button"   value="Run / Cont."  onclick="cmd='run';"    style="width:100px; height:60px;"/>
+        <input type="button"   value="Single Step"  onclick="cmd='single';" style="width:100px; height:60px;"/>
+        <label style="width:100px; height:60px;"><input id="cbToroidal" type="checkbox" checked="true" onclick="cmd='update';"/>Toroidal World</label>
+     </td>
+   </tr>
+</table>
+  <script>
+  game_of_life( { cvid        : 'cvMain',
+                  is_running  : true,
+                  is_torodial : true,
+                  delay       : 20,  
+                  cells_x     : 200,
+                  cells_y     : 200 * 0.75 }, 
+                 null );
+  </script>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <link rel="stylesheet" type="text/css" href="./styles/index.css"/>
+  <link rel="stylesheet" type="text/css" href="./styles/article.css"/>
+  <title>Educational Javascripts</title>
+  <style type="text/css">
+   canvas { border: 1px solid black; }
+  </style>
+</head>
+
+<body class="article">
+  <div id="article_title_bar">
+    <div id="article_title_box">
+      <div id="article_title">beltoforion.github.io</div>
+      <div id="article_sub_title">Educational Javascripts - Sample Page</div>
+    </div>
+  </div> <!-- article_title_bar -->
+
+
+  <div id="article_client_area">
+    <h1 class="article_caption">So what is this?</h1>
+    <p>
+    The educational javascript repository is a collection of javascript applets created for my web 
+    page <a href="http://beltoforion.de">beltoforion.de</a>. They are open source and distributed under
+    the GPL 3 license.
+    </p>
+
+    <a class="huge_linkbox" href="https://github.com/beltoforion/Educational-Javascripts">
+	<div class="huge_linkbox_caption">Source Code</div>
+	<p class="huge_linkbox_subtitle">Fork Project at GitHub.</p>
+    </a>
+
+    <div class="clear"/>
+
+    <h1 class="article_caption">List of Applets</h1>
+    <iframe src="./simulated_evolution.html" width="100%" height="850" class="noborder"></iframe> 
+    <iframe src="./game_of_life.html" width="100%" height="850" class="noborder"></iframe> 
+    <iframe src="./tides.html" width="100%" height="1000" class="noborder"></iframe> 
+  </div>
+</body>
+</html>