Removed website directory. Now in gh-pages branch

website/css/style.css

@@ -1,399 +0,0 @@
-/* CSS Reset */
-
-* {
-	margin: 0;
-	padding: 0;
-}
-
-/* Layout */
-
-.clear {clear:both}
-
-.main {
-    margin: 0 auto;
-    width: 960px;
-}
-
-#header {
-	background: transparent url("../images/background_header.png") top center repeat-x;
-	height: 210px;
-}
-
-#header .main {
-    background: url("../images/balloon_header.png") no-repeat scroll right bottom;
-    height: 210px;
-    width: 973px;
-}
-
-#menu {
-    background: #d0def1;
-    border-top: 1px solid #aaa;
-    border-bottom: 1px solid #aaa;
-    position: absolute;
-    width: 100%;
-    top: 210px;
-}
-
-#menu ul {
-    width: 980px;
-    margin: 0 auto;
-    padding: 5px 0;
-}
-
-#menu li {
-	display: inline;
-	padding: 1px;
-}
-
-#menu a {
-	color: #515a6a;
-	text-decoration: none;
-	padding: 5px 15px;
-}
-
-#menu a:hover {
-	color: #072d5a;
-	text-decoration: underline;
-}
-
-#menu .selected a,
-#menu a:hover {
-	color: #072d5a;
-	text-decoration: none;
-}
-	
-#content .main {
-	width: 980px;
-	margin: 0 auto;
-}
-
-.box {
-    padding: 30px;
-    margin: 40px 0;
-    color: #777;
-    font-size: 14px;
-    box-shadow: 0 0 8px #aaa;
-    -moz-box-shadow: 0 0 8px #aaa;
-    -webkit-box-shadow: 0 0 8px #aaa;
-    border-radius: 10px;
-    -moz-border-radius: 10px;
-    -webkit-border-radius: 10px;
-    background: #fff url('../images/background_box.png') bottom left repeat-x;
-}
-
-.box a {
-    color: #5b9ff2;
-    text-decoration: none; 
-}
-
-.box a:hover {
-    text-decoration: underline;
-}
-
-.box ul, .box ol {
-    padding: 10px 0;
-}
-
-.box li {
-    margin-left: 40px;
-    line-height: 1.5em;
-}
-
-.box h2 {
-	font: 26px Georgia, Times, serif;
-	color: #242424;
-	margin: -30px;
-	margin-bottom: 0px;
-	padding: 15px;
-	background: #eee;
-	border-bottom: 1px solid #ccc;
-	border-top-left-radius: 10px;
-	border-top-right-radius: 10px;
-	-webkit-border-top-left-radius: 10px;
-	-webkit-border-top-right-radius: 10px;
-	-moz-border-radius-topleft: 10px;
-	-moz-border-radius-topright: 10px;
-}
-
-.box.first {
-    padding-top: 0;
-    margin-top: 70px;
-}
-
-.box.first, .box.last {
-    background-image: none;
-}
-
-.box.first h1 {
-	padding-bottom: 15px;
-}
-
-.box.first .content .right img {
-	margin-right: -30px
-}
-
-.box .content .right {
-	float: right;
-}
-
-.box .content .left {
-	float: left;
-	width: 420px;
-}
-
-.doc .content {
-	width: 620px;
-}
-
-.box h1 {
-    text-align: center;
-    margin-top: 0;
-    padding-top: 0;
-}
-
-.doc h3 a {
-    color: #ccc;
-}
-
-.doc h3 a:hover {
-    color: #0088CC;
-}
-
-.box .content p, h3 {
-	font: 16px Georgia, Times, Serif;
-	line-height: 1.6em;
-	padding: 10px 0;
-}
-
-.box .content h3 {
-	font-size: 20px;
-	padding-bottom: 2px;
-	padding-top: 30px;
-	color: #272727;
-}
-
-.box .content h4 {
-	font: 16px Georgia, Times, serif;
-	color: #272727;
-	padding-top: 1em;
-	padding-left: 1.5em;
-}
-
-.box .content pre {
-	background-color: #565656;
-	border-radius: 10px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
-	padding: 1em;
-	color: white;
-	line-height: 1.5em;
-}
-
-.box .content code {
-	font-size: 14px;
-	color: #666;
-	background: none;
-	margin: 0;
-	padding: 0 3px;
-	border: 1px solid #bbb;
-	background: #f1f1f1;
-}
-
-.box .content .tip {
-	border: 1px solid #565656;
-	border-radius: 10px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
-	padding: 1em;
-}
-
-.box .top img {
-	margin: 30px 0 0 70px;
-}
-
-.box.last .content .left {
-    width: 560px;
-}
-
-.box.last .content .left {
-    margin-left: -30px;
-    margin-bottom: -32px
-}
-
-.doc .box.first .content .left p, ul {
-	font-family: Helvetica, Arial, sans;
-	color: #636363;
-}
-
-.doc .box.first .content .left ul {
-	margin-left: 20px;
-	list-style-type: none;
-	line-height: 1.5em;
-}
-
-.box .content .information {
-	background-color: #e4e8ff;
-	padding: 7px 6px 7px 12px;
-	margin-top: 20px;
-	border-radius: 10px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
-}
-
-.box .content .warning {
-	background-color: #f8ccf8;
-	padding: 7px 6px 7px 12px;
-	margin: 20px 0 20px 0;
-	border-radius: 10px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
-}
-
-.box .content .code {
-	background: #565656;
-	border-radius: 10px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
-	padding: 7px;
-}
-
-.box .content .code p {
-	color: white;
-}
-
-.box.first .content .left h2 {
-	font: 30px regular Georgia, Times, serif;
-	color: #272727;
-	margin-top: 10px;
-}
-
-.box.first .content .left ul {
-	padding-left: 10px;
-}
-
-.box.last .content .right {
-    width: 300px;
-}
-
-.doc .box.first .content .right {
-	float: right;
-	width: 230px;
-	margin-top: 20px;
-	padding: 10px;
-	background-color: #ececec;
-	border: 1px solid #e1e1e1;
-	border-radius: 10px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
-}
-
-.doc .box.first .content .right ol, 
-.doc .box.first .content .right ol a {
-	font: 18px Georgia, Time, serif;
-	color: #03388a;
-}
-
-.doc .box.first .content .right ol {
-	padding: 0 0 7px 35px;
-}
-
-.doc .box.first .content .right ol li{
-	padding: 7px 0 7px 0; 
-}
-
-.doc .box.first .content .right ul a {
-	font: 15px Helvetica, Arial, sans;
-	color: black;
-}
-
-.doc .box.first .content .right ul li {
-	list-style-type: none;
-	padding: 2px 0 2px 0;
-}
-
-.trysmalltalk {
-    text-align: right;
-    padding: 10px;
-}
-
-.trysmalltalk textarea {
-    width: 850px;
-    height: 300px;
-    padding: 20px;
-    background-color: #eaeaea;
-    border: 1px solid #d3d3d3;
-    border-radius: 10px;
-    -moz-border-radius: 10px;
-    -webkit-border-radius: 10px;
-    font: 16px monaco, courier, monospace;
-    color: 434343;
-    line-height: 1.6em;
-}
-
-.trysmalltalk button {
-    margin: 20px 0 0 5px;
-    padding: 4px;
-    background: #75aef5;
-    border: 1px solid #7caeed;
-    border-radius: 8px;
-    -moz-border-radius: 8px;
-    -webkit-border-radius: 8px;
-    color: white;
-    cursor: pointer;
-}
-
-.trysmalltalk .print-it {
-	background: #bebebe;
-	border: 1px solid #b2b2b2;
-}
-
-.trysmalltalk button:hover {
-	background: #3180e1;
-	border: 1px solid #518cd6; 
-}
-
-#counters {
-    border: 2px dashed;
-    text-align: center;
-    padding: 10px;
-    margin: 10px;
-    background: #ffffcc;
-}
-
-#counters h1 {
-    margin: 10px;
-    color: #333;
-}
-
-
-.trysmalltalk .print-it:hover {
-	background: #898989;
-	border: 1px solid #919293; 
-}
-
-#footer {
-	height: 160px;
-	background: transparent url("../images/footer.png") bottom repeat-x;
-	margin: 0 auto;
-}
-
-#footer .main {
-	padding-top: 60px;
-}
-
-#footer p {
-	font-size: 12px;
-	text-align: center;
-	line-height: 1.5em;
-	color: #5a5a5a;
-}
-
-#footer a {
-	color: #0f66d2;
-	text-decoration: none;
-}
-
-#footer a:hover {
-	text-decoration: underline;
-}
-

website/index.html

@@ -1,132 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Jtalk Smalltalk</title>
-    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-    <link rel="stylesheet" type="text/css" href='css/style.css' />
-    <script type='text/javascript' src='../js/boot.js'></script>
-    <script type='text/javascript' src='../js/jquery-1.4.4.min.js'></script>
-    <script type='text/javascript' src='../js/jquery-ui-1.8.9.custom.min.js'></script>
-    <script type='text/javascript' src='../js/jquery.textarea.js'></script>
-    <script type='text/javascript' src='../js/kernel.js'></script>
-    <script type='text/javascript' src='../js/parser.js'></script>
-    <script type='text/javascript' src='../js/compiler.js'></script>	
-    <script type='text/javascript' src='../js/jQuery.js'></script>
-    <script type='text/javascript' src='../js/canvas.js'></script>
-    <script type='text/javascript' src='../js/ide.js'></script>
-    <script type='text/javascript' src='../js/init.js'></script>
-    <link rel="stylesheet" type="text/css" href="../css/jtalk.css">
-  </head>
-  <body>
-    <script type="text/javascript">
-      jQuery(window).scroll(function() {
-      	if(jQuery(window).scrollTop() > 210) {
-		jQuery('#menu')
-      			.css('position', 'fixed')
-			.css('top', '0px')
-	} else {
-      		jQuery('#menu')
-			.css('position', 'absolute')
-      			.css('top', '210px')
-      	}
-      });
-    </script>
-
-    <a href="http://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://assets.github.com/img/bec6c51521dcc8148146135149fe06a9cc737577?repo=&url=http%3A%2F%2Fs3.amazonaws.com%2Fgithub%2Fribbons%2Fforkme_left_darkblue_121621.png&path=" alt="Fork me on GitHub"></a>
-
-    <div id="wrapper">
-      <div id="header">
-	<div class="main">
-	  <img alt="Jtalk, the Smalltalk for web developers" src="images/text_header.png"/>
-	</div>
-      </div>
-      
-      <div id="menu">
-	<ul>
-	  <li><a href="#header">Overview</a></li> · 
-	  <li><a href="#download">Download</a></li> · 
-	  <li><a href="#documentation">Documentation</a></li> · 
-	  <li><a href="#try-it">Try it!</a></li> 
-	</ul>
-      </div>
-
-      <div id="content">
-	<div class="main">
-	  <div class="box first">
-	      <div class="content">
-		<h1><img alt="Jtalk is an implementation of the Smalltalk language that runs on the JavaScript runtime." src="images/title_container1.png"/></h1>
-		<div class="left">
-		  <p>Jtalk is an implementation of the  <a href="http://en.wikipedia.org/wiki/Smalltalk">Smalltalk</a> language that runs on top of the <a href="http://en.wikipedia.org/wiki/Javascript">JavaScript</a> runtime. It is designed to make client-side development faster and easier.</p>
-		  <p>Jtalk is written in itself, including the parser and compiler. Jtalk compiles into efficient JavaScript, mapping one-to-one with the equivalent JavaScript. There is no interpretation at runtime.</p>
-		  <p>Try a <button onClick="smalltalk.Browser._open()"> Class browser</button> right now!</p>
-		</div>
-		<div class="right"><img src="images/screen2.png"/></div>
-		<div class="clear"></div>
-	      </div>
-	  </div>
-
-	  <div class="box">
-	      <h2>Client-side usage</h2>
-	      <div class="content">
-		<p>Load the full Jtalk Smalltalk environment in your page:</p> 
-		<pre>&lt;script&gt; src="jtalk.js" type="text/javascript" &lt;/script&gt;</pre>
-		<p>Or the runtime JavaScript file only (without the Smalltalk source or compiler):</p>
-		<pre>&lt;script&gt; src="jtalk-runtime.js" type="text/javascript" &lt;/script&gt;</pre>
-		<p>Read the <a href="#documentation">documentation</a> to learn more about writing applications in Jtalk.</p>
-	    </div>
-	  </div>
-
-	  <div class="box last doc" id="documentation">
-	    <h2>Documentation</h2>
-	    <div class="content">
-
-	      <h3 id="intro">1. Introduction <a href="#intro">&para;</a></h3>
-
-	      <p class="warning">This documentation is a work in progress.</p>
-
-	      <p class="information">Jtalk is a young piece of code and evolves quickly. Some features are still incomplete and you may very well encounter bugs.</p>
-	      <p>Jtalk is an implementation of the Smalltalk-80 language. It allows developers to write client-side heavy web applications in Smalltalk. Jtalk includes an integrated development environment with a class browser, workspace and transcript.</p>
-	      <p>Jtalk includes the following features:</p>
-	      <ol>
-		<li>It is semantically and syntaxically equivalent to <a href="http://www.pharo-project.org">Pharo Smalltalk</a> (the implementation considered as the reference)</li>
-		<li>It is written in itself and compiles into efficient JavaScript</li>
-		<li>A canvas API similar to <a href="http://www.seaside.st">Seaside</a> to generate HTML</li>
-		<li>A <a href="http://www.jquery.com">jQuery</a> binding</li>
-	      </ol>
-
-	      <h3 id="differences-other-smalltalks">2. Differences with other Smalltalk implementations <a href="#differences-other-smalltalks">&para;</a></h3>
-
-	      <h3 id="counter-example">3. The counter example <a href="#counter-example">&para;</a></h3>
-
-	      <p>The following example is the traditional Seaside-like multi-counter application. The buttons at the bottom of each counter increase or decrease the counter.</p>
-
-	      <div id="counters"></div>
-	      <script type="text/javascript">
-		jQuery(document).ready(function() {'#counters'._asJQuery()._append_(smalltalk.Counter._new())._append_(smalltalk.Counter._new())});
-	      </script>
-
-	      <p>Open a  <button onclick="smalltalk.Browser._openOn_(smalltalk.Counter);">browser</button> on the <code>Counter</code> class in the <code>Canvas</code> class category.
-		<p>Each Jtalk widget is a subclass of <code>Widget</code>. A widget is a graphical component. The <code>#renderOn:</code> method is used to generate HTML using the HTML canvas.</p>
-
-
-		<h3 id="html-canvas">4. The HTML canvas <a href="#html-canvas">&para;</a></h3>
-		<h3 id="widgets">5. Widgets <a href="#widgets">&para;</a></h3>
-		<h3 id="jquery">6. jQuery <a href="#jquery">&para;</a></h3>
-
-	    </div>
-	  </div>
-	</div>
-      </div>
-    </div>
-    
-    <div id="footer">
-      <div class="main">
-	<p>Copyright © 2011 <a href="mailto:petton.nicolas@gmail.com">Nicolas Petton</a>.</p>
-	<p>Jtalk is an opensource project sponsored by <a href="http://www.objectfusion.fr">objectfusion</a>.</p>
-	<p>The design of this website was kindly provided by <a href="mailto:neomie.thirion@gmail.com">Noémie Thirion</a>.</p>
-      </div> 
-    </div>
-    
-  </body>
-</html>
-