Skip to content
This repository has been archived by the owner on Dec 28, 2024. It is now read-only.

Commit

Permalink
Initial revision of homepage
Browse files Browse the repository at this point in the history
  • Loading branch information
delza committed Dec 29, 2011
1 parent a4713ba commit c7aadb1
Show file tree
Hide file tree
Showing 21 changed files with 2,405 additions and 38 deletions.
Binary file added images/scratchcat.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/tardigrade.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/waterbear_steampunk.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
95 changes: 57 additions & 38 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,55 +3,74 @@
<head>
<meta charset="utf-8" />
<title>Waterbear: Welcome</title>
<link href="stylesheets/garden.css" rel="stylesheet" />
<link href="stylesheets/fonts/stylesheet.css" rel="stylesheet" />
<link href="stylesheets/waterbear.css" rel="stylesheet" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="height=device-height, initial-scale=1.0" />
<!--link rel="apple-touch-icon-precomposed" href="icon.png"--><!-- 57x57 icon -->
<!--link rel="apple-touch-startup-image" href="default.png"--><!-- 320x460 image -->
<script src="lib/prefixfree.min.js"></script>
<!--script src="/lib/modernizr-1.6.min.js"></script-->
</head>
<body>
<div class="content">
<navigation>
<p><a href="garden.html?plugin=javascript">Javascript Playground</a></p>
<p><a href="garden.html?plugin=arduino">Arduino Playground</a></p>
<p>Follow Waterbear on Twitter: <a href="http://twitter.com/waterbearlang">@waterbearlang</a></p>
<p>Discuss Waterbear on the <a href="http://lists.waterbearlang.com/listinfo.cgi/discuss-waterbearlang.com">mailing list</a></p>
<p>Fork Waterbear on Github: <a href="http://github.com/waterbearlang/waterbear/">http://github.com/waterbearlang/waterbear/</a></p>
<p>File an <a href="http://github.com/waterbearlang/waterbear/issues">issue or feature request</a></p>
</navigation>
<aside>
<h3>Waterbear Friends</h3>
<p>Forks and other projects based on Waterbear</p>
<h1>The Waterbear Welcomes You!</h1>
<div class="main">
<section id="intro">
<img class="mascot" src="images/waterbear_steampunk.png" alt="Waterbear mascot" />
<p>Waterbear is a toolkit for creating drag-and-drop programming languages, with some example languages you can play around with and learn from. The goal is to make it easy to wrap other existing languages with Waterbear blocks to create draggable, snappable syntaxes for them.</p>
<p>Waterbear is a toolkit for making programming more accessible and fun. Having a visual language means you don't have to focus on learning a syntax to start programming. Waterbear is good for kids, artists, and anyone who would like to make their computer do something new without having to become a "programmer" (although it could lead to that).</p>

<p><a href="http://scratch.mit.edu"><img class="scratchmascot" alt="Scratch mascot" src="images/scratchcat.png" /></a>Waterbear's blocks are heavily inspired by MIT's <a href="http://scratch.mit.edu/">Scratch</a> language, but the goal is not to slavishly duplicate Scratch, or to create a programming language, but to create a visual syntax tool that can be used with a variety of languages and projects, and to make it as widely available as possible. Waterbear runs in a variety of web browsers, including Mobile Safari on the iPad.</p>

<p><a href='https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function' title='JavaScript Function constructor'><img class="promotejs" src='http://static.jsconf.us/promotejsh.gif' alt='JavaScript Function constructor'/></a>Waterbear's system of draggable, snappable blocks are built using clean HTML5, CSS3, and Javascript. The Javascript playground for Waterbear allows you to create Waterbear scripts, see the Javascript it will generate, and run it right in the browser.</p>

<p>Waterbear is pre-alpha software, very raw, and in constant flux right now.</p>
</section>
<section id="why_waterbears">
<h3>Why Waterbears?</h3>
<p><a href="http://en.wikipedia.org/wiki/Waterbear"><img class="tardigrade" src="images/tardigrade.jpg" alt="Waterbear photo" /></a>[mostly via <a href="http://en.wikipedia.org/wiki/Waterbear">Wikipedia</a>]Waterbears, also known as tardigrades, or moss piglets, are probably the most resilient creatures on Earth, able to survive extremes of heat and cold, pressure (high pressure and the vacuum of space), dehydration, radiation, environmental toxins. Since we want to be able to create code that is robust, they are an appropriate mascot. Also, they are cute.
</section>
<section id="acknowledgements">
<h3>Credits</h3>
<ul>
<li><a href="http://stretch.deedah.org/waterbear/">Stretchyboy</a> has blocks for Arduino</a></li>
<li><a href="http://techwizworld.net/waterbear/">TechWizWorld</a> has blocks for WPI LibJ robotics API</li>
<li><a href="http://scriptastic.greenbush.us/">ScripTastic</a> has blocks for Opensim</li>
<li><a href="http://waterbearlang.com/">Waterbear</a> the original waterbear has blocks for Javascript, Raphael.js, Arduino, and more</li>
<li>Dethe Elza founded the project and named it (blame him!)</li>
<li>Dethe's kids, for helping test so many programming environments and great critics (and for the Waterbear mascot image above)</li>
<li>Martyn Eggleton, for the Arduino blocks and good brainstorming</li>
<li>Blake Bourque, for Java blocks, troubleshooting, documentation and code contributions</li>
<li>Christopher de Beer, for suggestions and bug fixes</li>
<li>Steve Dekorte, Alex Payne, Bob Nystrom, Wolf Rentzsch, Victoria Wang, and Brian Leroux for the encouragement to make this real</li>
<li>Everyone who worked on <a href="http://scratch.mit.edu/">Scratch</a>, the primary source of inspiration for this project</li>
</ul>
</aside>
<section id="intro">
<h3>About</h3>
<p>Welcome to the Waterbear project!</p>
<p>Waterbear is a toolkit for creating drag-and-drop programming languages, with some example languages you can play around with and learn from. The goal is to make it easy to wrap other existing languages with Waterbear blocks to create draggable, snappable syntaxes for them.</p>
<p>Waterbear is a toolkit for making programming more accessible and fun. Having a visual language means you don't have to focus on learning a syntax to start programming. Waterbear is good for kids, artists, and anyone who would like to make their computer do something new without having to become a "programmer" (although it could lead to that).</p>

<p>Waterbear's system of draggable, snappable blocks, are built using clean HTML5, CSS3, and Javascript. The goal is not to slavishly duplicate <a href="http://scratch.mit.edu/">Scratch</a> (which was the inspiration for the blocks), or to create a programming language, but to create a visual syntax tool that can be used with a variety of languages and projects, and to make it as widely available as possible. Waterbear runs in a variety of web browsers, including Mobile Safari on the iPad.</p>

<p>Waterbear is pre-alpha software, very raw, and in constant flux right now.</p>
</section>
<section id="acknowledgements">
<h3>Acknowledgements</h3>
<ul>
<li>My kids, for helping test so many programming environments and being my best critics</li>
<li>Martyn Eggleton, for the Arduino blocks and good brainstorming</li>
<li>Christopher de Beer, for suggestions and bug fixes</li>
<li>Blake Bourque, for troubleshooting and bug fixes</li>
<li>Steve Dekorte, Alex Payne, Bob Nystrom, Wolf Rentzsch, Victoria Wang, and Brian Leroux for the encouragement to make this real</li>
<li>Everyone who worked on <a href="http://scratch.mit.edu/">Scratch</a>, the primary source of inspiration for this project</li>
</ul>
</section>
</section>
</div>
<div class="extras">
<blockquote>
<p>&ldquo;It goes against the grain of modern education to teach children to program. What fun is there in making plans, acquiring discipline in organizing thoughts, devoting attention to detail and learning to be self-critical?&rdquo;<p>
<p class="attribution">&mdash;Alan Perlis</p>
</blockquote>
<navigation>
<h2>Play with Waterbear</h2>
<p><a href="garden.html?plugin=javascript">Javascript Playground</a></p>
<p><a href="garden.html?plugin=arduino">Arduino Playground</a></p>
<h2>Waterbear Community</h2>
<p>Follow <a href="https://twitter.com/waterbearlang">@Waterbearlang</a> on Twitter</p>
<p>Discuss Waterbear on the <a href="http://lists.waterbearlang.com/listinfo.cgi/discuss-waterbearlang.com">mailing list</a></p>
<p>Fork <a href="http://github.com/waterbearlang/waterbear/">Waterbear on Github</a></p>
<p>File an <a href="http://github.com/waterbearlang/waterbear/issues">issue or feature request</a></p>
</navigation>
<aside>
<h3>Friends of Waterbear</h3>
<p>Forks and other projects based on Waterbear</p>
<ul>
<li><a href="http://stretch.deedah.org/waterbear/">Stretchyboy</a> has blocks for Arduino</a></li>
<li><a href="http://techwizworld.net/waterbear/">TechWizWorld</a> has blocks for WPI LibJ robotics API</li>
<li><a href="http://scriptastic.greenbush.us/">ScripTastic</a> has blocks for Opensim</li>
<li><a href="http://waterbearlang.com/">Waterbear</a> the original waterbear has blocks for Javascript, Raphael.js, Arduino, and more</li>
</ul>
</aside>
</div>
</div>
</body>
</html>
11 changes: 11 additions & 0 deletions lib/prefixfree.min.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit c7aadb1

Please sign in to comment.