new (external) content

css/index.css

@@ -77,6 +77,11 @@
   padding: 0;
 }
 
+.app-info h2.small
+{
+  font-size: 1em;
+}
+
 .app-info span
 {
   color: #222;

hack/dev.html

@@ -24,6 +24,8 @@
       <li>All element test page (one at a time, automated)</li>
       <li>Create surii.net Nintendo Zone access point</li>
     </ul>
+    <h2>2013-07-16</h2>
+    <p>Nekos in Wonderland, a game by the guy who did Okiwi will be added to the external section. Which I guess I'm keeping now. <a href="http://socialneko.com/wonderland/game.php">http://socialneko.com/wonderland/game.php</a>.</p>
     <h2>2013-06-09</h2>
     <p>Wow, it's been a while.</p>
     <p>The <i>Mind's Eye</i> on Nintendo Video has a link to vote. That link opens the web browser to <a href="http://watchmindseye.com/3ds">http://watchmindseye.com/3ds</a>. The page pulls the document back when you pan, it's probably just formatted to do that. I doubt it's JavaScript but I'll check it out. They <b>are</b> using JavaScript.</p>

index.html

@@ -32,22 +32,22 @@
       </div>
 
       <div class="blurb">
-        external games &amp; apps
-      </div>
-
-      <div class="apps">
-        <ul id="appsExternal">
-        </ul>
-      </div>
-
-      <div class="blurb">
-        unfinished demos &amp; hacks
+        surii.net demos &amp; hacks
       </div>
 
       <div class="apps">
         <ul id="appsHacks">
         </ul>
       </div>
+
+      <div class="blurb">
+        external games, apps, &amp; sites
+      </div>
+
+      <div class="apps">
+        <ul id="appsExternal">
+        </ul>
+      </div>
     </div>
   </div>
   <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>

js/index.js

@@ -1,6 +1,6 @@
 $(function () {
   function makeItem( name, item ) {
-    return '<li><a href="' + item.url + '" title="' + name + '"><img alt="" src="' + name + '/surii-icon.png" /><div class="app-info" style="display: none;"><h2>' + name + '</h2>' + '<span>' + (item.desc || '') + '</span>' + '</div></a></span></li>';
+    return '<li><a href="' + item.url + '" title="' + name + '"><img alt="" src="' + name + '/surii-icon.png" /><div class="app-info" style="display: none;"><h2 class="' + ( item.titleClass || '' )  + '">' + name + '</h2>' + '<span>' + (item.desc || '') + '</span>' + '</div></a></span></li>';
   }
 
   var appsSurii = {
@@ -17,18 +17,21 @@
           desc: "Phantom Menace: Abridged"
         }
       },
-      appsExternal = {
-        /*
-        "OkiwiDS": {
-          url: "http://okiwids.co.cc/3DS/",
-          desc: "web browsing, games, chat"
-        }
-        */
-      },
       appsHacks = {
         "ryanttb": {
           url: "hack/",
           desc: "3DS browser tricks"
+        },
+      },
+      appsExternal = {
+        "Nekos in Wonderland": {
+          titleClass: "small",
+          url: "http://socialneko.com/wonderland/game.php",
+          desc: "platformer demo"
+        },
+        "Mind's Eye": {
+          url: "http://watchmindseye.com/3ds",
+          desc: "Nintendo Video survey"
         }
       },
       appItems = "",