+
1
|
skin
|
login
|
edit
{λ way}
::
read2write
user:anonymous
_h1 read & write _p Web browsers give us an easy access to a plethora of rich documents, structured informations created by people mastering the browser's language, the {b HyperText Markup Language}. What is less known, web browser can give everybody a small window to write HTML code and so add informations to web pages. _p Writing HTML code being rather complex and at least boring, intermediate syntax, like the {b Markdown syntax}, have been created to make things a bit easier. It's exactly what people use in blogs and wikis. The best known of wikis is Wikipedia, full of rich documented pages written by people supposed not to be web designers or coders. A {b wiki} is a web application which allows collaborative modification, extension, or deletion of its content and structure. But looking at the underlying code shows a very obfuscated code, difficult to write, read, edit and maintain. _p In fact, the {b Markdown syntax} is not intended for such a goal, writing roch documents. Works have been done to build enhanced syntaxes in order to unify writing, styling and coding, for instance after desktop tools like [[LaTeX|?view=latex]], [[PDF]], web tools like [[CURL|?view=curl]], [[LML]], [[Skribe|?view=skribe]], [[Scribble|http://docs.racket-lang.org/scribble/]], [[SXML]], [[LAML|http://people.cs.aau.dk/~normark/laml/papers/web-programming-laml.pdf]]. But these tools are definitively devoted to coders, not to web designers and even less to beginners. _p The {b lambdaway} project was to build a wiki equiped with a true programming language which could be used collaboratively by an author, a web designer and a coder. The result is a small programming language, {b lambdatalk}, embedded in a tiny interactive development tool, {b lambdatank}, working as a light overlay on top of any modern web browser running Javascript and easy to install on a standard web hosting running PHP. _p More to come... _h5 1) a static web page {pre -- 1) edit HTML code in a desktop text editor -- 2) save the file and upload it via a FTP tool to a web hosting -- 3) call the distant page via any web browser -- 4) read the result and return to HTML to edit -- 5) do it again and again until satisfaction. } _h5 2) a wiki page {pre -- 1) upload the wiki engine on a web hosting running PHP -- 2) open the page in any web browser -- 3) edit HTML or Markdown or lambdatalk code in the textarea, -- 4) read the result in the page and return to LAMBDATALK , -- 5) do it again and again and publish when satisfied. } _h5 3) HTML, MARKDOWN & LAMBDATALK _h6 TITLE {pre HTML ⟨h1⟩Hello World⟨/h1⟩ MARKDOWN # Hello World LAMBDATALK '{h1 Hello World} or _{span}h1 Hello World HTML ⟨h2⟩Hello World⟨/h2⟩ MARKDOWN ## Hello World LAMBDATALK '{h2 Hello World} or _{span}h2 Hello World HTML ⟨h3⟩Hello World⟨/h3⟩ MARKDOWN ### Hello World LAMBDATALK '{h3 Hello World} or _{span}h3 Hello World HTML ⟨h4⟩Hello World⟨/h4⟩ MARKDOWN #### Hello World LAMBDATALK '{h4 Hello World} or _{span}h4 Hello World HTML ⟨h5⟩Hello World⟨/h5⟩ MARKDOWN ##### Hello World LAMBDATALK '{h5 Hello World} or _{span}h5 Hello World HTML ⟨h6⟩Hello World⟨/h6⟩ MARKDOWN ###### Hello World LAMBDATALK '{h6 Hello World} or _{span}h6 Hello World } _p display: _h1 Hello World _h2 Hello World _h3 Hello World _h4 Hello World _h5 Hello World _h6 Hello World _h6 PARAGRAPH {pre HTML ⟨p⟩Some paragraph .../p⟩ ⟨p⟩Some paragraph .../p⟩ ⟨p⟩Some paragraph .../p⟩ MARKDOWN Some paragraph ... Some paragraph ... Some paragraph ... LAMBDATALK '{p Some paragraph ...} '{p Some paragraph ...} '{p Some paragraph ...} or _{span}p Some paragraph ... _{span}p Some paragraph ... _{span}p Some paragraph ... } _p display: {p Some paragraph ...} {p Some paragraph ...} {p Some paragraph ...} _h6 LIST {pre HTML ⟨ul⟩ ⟨li⟩Some item⟨li⟩ ⟨li⟩Some item⟨li⟩ ⟨li⟩Some item⟨li⟩ ⟨/ul⟩ MARKDOWN * Some item * Some item * Some item LAMBDATALK '{ul {li Some item} {li Some item} {li Some item} } or _{span}ul Some item _{span}ul Some item _{span}ul Some item } _p display: {ul {li Some item} {li Some item} {li Some item} } _h6 TABLE {pre HTML ⟨table⟩ ⟨tr⟩ ⟨td⟩Some data⟨/td⟩ ⟨td⟩Some data⟨/td⟩ ⟨td⟩Some data⟨/td⟩ ⟨/tr⟩ ⟨tr⟩ ⟨td⟩Some data⟨/td⟩ ⟨td⟩Some data⟨/td⟩ ⟨td⟩Some data⟨/td⟩ ⟨/tr⟩ ⟨/table⟩ MARKDOWN | Some data | Some data | Some data | | Some data | Some data | Some data | LAMBDATALK '{table {tr {td Some data} {td Some data} {td Some data} } {tr {td Some data} {td Some data} {td Some data} } } } _p display: {table {tr {td Some data} {td Some data} {td Some data} } {tr {td Some data} {td Some data} {td Some data} } } _h6 BLOCKQUOTE {pre HTML ⟨blockquote⟩ Some text ⟨blockquote⟩ MARKDOWN > Some text LAMBDATALK '{blockquote Some text } } _p display: {blockquote Some text } _h6 HORIZONTAL RULE {pre HTML ⟨hr /⟩ MARKDOWN --- LAMBDATALK '{hr} } _p display: {hr} _h6 B I U {pre HTML ⟨b⟩Hello World⟨/b⟩ MARKDOWN **Hello World** LAMBDATALK '{b Hello World} HTML ⟨i⟩Hello World⟨/i⟩ MARKDOWN *Hello World* LAMBDATALK '{i Hello World} HTML ⟨u⟩Hello World⟨/u⟩ MARKDOWN [u]Hello World[/u] LAMBDATALK '{u Hello World} HTML ⟨b⟩⟨i⟩⟨u⟩Hello World⟨/u⟩/i⟩/b⟩ MARKDOWN ***[u]Hello World[/u]*** LAMBDATALK '{b {i {u Hello World}}} } _p display: {b Hello World}, {i Hello World}, {u Hello World} and {b {i {u Hello World}}} _h6 LINK {pre HTML ⟨a href="http://www.pixar.com/"⟩PIXAR⟨/a⟩ MARKDOWN [PIXAR](http://www.pixar.com/) LAMBDATALK '{a {@ href="http://www.pixar.com/"}PIXAR} or [{span}[PIXAR|http://www.pixar.com/]{span}] } _p display: {a {@ href="http://www.pixar.com/"}PIXAR} _h6 IMAGE {pre HTML ⟨img src="data/amelie_poulain.jpg" width="100" title="Amélie Poulain" /⟩ MARKDOWN  LAMBDATALK '{img {@ src="data/amelie_poulain.jpg" width="100" title="Amélie Poulain"}} } _p display: {img {@ src="data/amelie_poulain.jpg" width="100" title="Amélie Poulain"}}
