Skip to content

Commit

Permalink
Better layout
Browse files Browse the repository at this point in the history
  • Loading branch information
@spockz
spockz committed Sep 13, 2012
1 parent d76c719 commit a64ab15
Show file tree
Hide file tree
Showing 5 changed files with 70 additions and 101 deletions.
1 change: 1 addition & 0 deletions _layouts/default.html
View file
Expand Up @@ -48,6 +48,7 @@ <h1>{{ page.title }}</h1>
<div id="body"> <div id="body">
{{ content }} {{ content }}
</div> </div>
<div id="banners"></div>
</div> </div>
<script src="js/jquery-1.8.0.min.js"></script> <script src="js/jquery-1.8.0.min.js"></script>
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js"></script>
Expand Down
60 changes: 22 additions & 38 deletions _site/index.html
View file
Expand Up @@ -55,31 +55,15 @@ <h1>The Utrecht Haskell Compiler JavaScript Backend Page</h1>
<div class='container'> <div class='container'>
<div class='row'> <div class='row'>
<div class='span3 bs-docs-sidebar'> <div class='span3 bs-docs-sidebar'>
<ul class='nav nav-list bs-docs-sidenav' data-offset-top='132' data-spy='affix'> <ul class='nav nav-list bs-docs-sidenav' data-offset-top='80' data-spy='affix'>


<!-- <li><a href="#getting_started">Getting Started</a></li><li><a href="#communicating_with_javascript">Communicating with JavaScript</a></li><li class="active"><a href="#examples__practice">Examples / Practice</a></li> --> <!-- <li><a href="#getting_started">Getting Started</a></li><li><a href="#communicating_with_javascript">Communicating with JavaScript</a></li><li class="active"><a href="#examples__practice">Examples / Practice</a></li> -->
</ul> </ul>
</div> </div>
<div class='span9 content'> <div class='span9 content'>
<div class='alert'> <h2 id='what_is_uhcjs'>What is UHC-JS?</h2>
<p>
This page is currently under construction. In the mean time please
consider looking at the reports <a href='http://www.norm2782.com/improving-uhc-js-report.pdf'>Improving the
UHC JavaScript Backend</a> (Jurriën Stutterheim) and <a href='http://alessandrovermeulen.me/2012/01/26/getting-rid-of-javascript-with-haskell/'>Getting
Rid of JavaScript with Haskell</a> (Alessandro Vermeulen). Also take a look at
<a href='http://www.haskell.org/haskellwiki/The_JavaScript_Problem#UHC'>Haskell:
The JavaScript Problem</a>.
</p>
</div>
<h2 id='a_short_introduction_how_to_get_started'>A short introduction: how to get started</h2>

<p>Please report bugs in the UHC-JS backend or in the UHC-JS library in the <a href='https://github.com/UU-ComputerScience/uhc-js/issues'>GitHub Issue Tracker</a>. Please note that UHC related issues will eventually get their own issue tracker once the UHC has been moved to GitHub. Also consider joining <a href='irc://irc.freenode.net/uhcjs'>#uhcjs</a> on FreeNode.</p>

<h2 id='demo'>Demo</h2>


<p>The JCU app discussed in &#8220;Getting Rid of JavaScript with Haskell&#8221; has been put online by <a href='http://chrisdone.com/'>Chris Done</a>.</p> <p>UHC-JS is the JavaScript backend of the Utrecht Haskell Compiler. It is able of compiling any Haskell program to JavaScript. This makes it possible to run your Haskell programs in the browser. Furthermore there is now no more reason for having to write the verbose language that is called JavaScript yourself. Hurray!</p>

<p>Go to the <a href='http://jcu.chrisdone.com/login'>instance</a>. And log in with username &#8220;uhcjsdemo@example.com&#8221; and password &#8220;123456&#8221;. And check out the <a href='https://github.com/UU-ComputerScience/JCU'>source code</a>. For installation instructions please refer to the section &#8220;Locations and Setup&#8221; in &#8220;Getting Rid of JavaScript with Haskell&#8221;.</p>


<h2 id='resources'>Resources</h2> <h2 id='resources'>Resources</h2>


Expand All @@ -99,40 +83,40 @@ <h2 id='resources'>Resources</h2>
<li><a href='https://github.com/spockz/JCU/tree/master/resources/static/hjs'>Client-Side Haskell code</a> - Alessandro Vermeulen</li> <li><a href='https://github.com/spockz/JCU/tree/master/resources/static/hjs'>Client-Side Haskell code</a> - Alessandro Vermeulen</li>
</ul> </ul>


<h2 id='installation_instructions'>Installation instructions</h2> <h2 id='demo'>Demo</h2>


<p>Clone the latest version of the JavaScript branch of UHC. This is somewhat risky but new features will be found here first.</p> <p>The JCU app discussed in &#8220;Getting Rid of JavaScript with Haskell&#8221; has been put online by <a href='http://chrisdone.com/'>Chris Done</a>.</p>


<p>Make sure you have the dependencies, also make sure you have GHC installed:</p> <p>Go to the <a href='http://jcu.chrisdone.com/login'>instance</a>. And log in with username &#8220;uhcjsdemo@example.com&#8221; and password &#8220;123456&#8221;. And check out the <a href='https://github.com/UU-ComputerScience/JCU'>source code</a>. For installation instructions please refer to the section &#8220;Locations and Setup&#8221; in &#8220;Getting Rid of JavaScript with Haskell&#8221;.</p>
<div class='highlight'><pre><code class='bash'>cabal install uulib uuagc
</code></pre> <h2 id='need_help'>Need help?</h2>
</div>
<p>Now build the UHC:</p> <p>There are currently two major resources for help with UHC. The general <a href='http://www.cs.uu.nl/wiki/bin/view/Ehc/Documentation'>UHC documentation</a> describes the usage of UHC in general. The <a href='/uhc-js/documentation.html'>documentation</a> page provides documentation for UHC JavaScript specific scenarios.</p>
<div class='highlight'><pre><code class='bash'><span class='lineno'>1</span> <span class='nv'>$&gt;</span> <span class='nb'>cd </span>somewhere
<span class='lineno'>2</span> <span class='nv'>$&gt;</span> git clone git://github.com/UU-ComputerScience/uhc.git <p>If you do not reach a solution, please don&#8217;t hesitate to join the IRC channel <a href='irc://irc.freenode.net/uhcjs'>#uhcjs</a> on FreeNode.</p>
<span class='lineno'>3</span> <span class='nv'>$&gt;</span> <span class='nb'>cd </span>uhc
<span class='lineno'>4</span> <span class='nv'>$&gt;</span> git checkout js <h3 id='installation'>Installation</h3>
<span class='lineno'>5</span> <span class='nv'>$&gt;</span> <span class='nb'>cd </span>EHC
<span class='lineno'>6</span> <span class='nv'>$&gt;</span> autoconf <p>For help installing see <a href='/uhc-js/documentation.html#installation_of_uhc'>Installation of UHC</a>.</p>
<span class='lineno'>7</span> <span class='nv'>$&gt;</span> ./configure
<span class='lineno'>8</span> <span class='nv'>$&gt;</span> make uhc <h3 id='github_and_issues'>GitHub and Issues</h3>
</code></pre>
</div> <p><a href='https://github.com/UU-ComputerScience/'>Our repositories</a> are located at GitHub. You will find the issue trackers there as well.</p>
<p>Optionally perform a <code>make install</code>.</p>


<h3 id='installation_script_for_jcuhs'>Installation script for JCU-HS</h3> <h3 id='installation_script_for_jcuhs'>Installation script for JCU-HS</h3>


<p>An installation script for installing the JCU app together with its dependencies is available from <a href='https://gist.github.com/1902090' title='A Ruby Script to install JCU and dependencies.'>this gist</a>. Currently the script does <strong>not</strong> build nor install UHC for you.</p> <p>An installation script for installing the JCU app together with its dependencies is available from <a href='https://gist.github.com/1902090' title='A Ruby Script to install JCU and dependencies.'>this gist</a>. Currently the script does <strong>not</strong> build nor install UHC for you.</p>


<p>If you trust us you may run the following command directly from your shell. It will run the installer in your current working directory:</p> <p>If you trust us you may run the following command directly from your shell. It will run the installer in your current working directory:</p>
<div class='highlight'><pre><code class='ruby'><span class='n'>ruby</span> <span class='o'>&lt;</span><span class='p'>(</span><span class='n'>curl</span> <span class='o'>-</span><span class='n'>s</span> <span class='n'>https</span><span class='ss'>:/</span><span class='o'>/</span><span class='n'>raw</span><span class='o'>.</span><span class='n'>github</span><span class='o'>.</span><span class='n'>com</span><span class='o'>/</span><span class='n'>gist</span><span class='o'>/</span><span class='mi'>1902090</span><span class='o'>/</span><span class='n'>e2a0508cea4bd4bc3abeed87b054e32e1c99931e</span><span class='o'>/</span><span class='n'>install</span><span class='o'>.</span><span class='n'>rb</span><span class='p'>)</span> <div class='highlight'><pre><code class='ruby'><span class='n'>ruby</span> <span class='o'>&lt;</span><span class='p'>(</span><span class='n'>curl</span> <span class='o'>-</span><span class='n'>s</span> <span class='n'>https</span><span class='ss'>:/</span><span class='o'>/</span><span class='n'>raw</span><span class='o'>.</span><span class='n'>github</span><span class='o'>.</span><span class='n'>com</span><span class='o'>/</span><span class='n'>gist</span><span class='o'>/</span><span class='mi'>1902090</span><span class='o'>/</span><span class='mo'>05</span><span class='mi'>88</span><span class='n'>a1a1e5a7bb8935ee9afdd7d96949abbe7ff5</span><span class='o'>/</span><span class='n'>install</span><span class='o'>.</span><span class='n'>rb</span><span class='p'>)</span>
</code></pre> </code></pre>
</div> </div>
<p>Follow the on screen instructions when running the installer.</p> <p>Follow the on screen instructions when running the installer.</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div id="banners"></div>
</div> </div>
<script src="js/jquery-1.8.0.min.js"></script> <script src="js/jquery-1.8.0.min.js"></script>
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js"></script>
Expand Down
9 changes: 7 additions & 2 deletions css/application.css
View file
Expand Up @@ -10,12 +10,17 @@
} }
#header { #header {
padding: 8px; padding: 8px;
background: transparent url('../images/header.png') no-repeat 8px;
}

#banners {
padding: 8px;
height: 116px; height: 116px;
background: transparent url('../images/header.png') no-repeat right 8px;
} }


#header h1 { #header h1 {
float:right; text-align:right;
} }


.bs-docs-sidenav { .bs-docs-sidenav {
Expand Down
6 changes: 5 additions & 1 deletion documentation.md
View file
Expand Up @@ -82,14 +82,18 @@ This is the list of currently active UHC-JS enabled projects:


* JCU-App ([demo](http://jcu.chrisdone.com/login), [announce](http://alessandrovermeulen.me/2012/01/26/getting-rid-of-javascript-with-haskell)) * JCU-App ([demo](http://jcu.chrisdone.com/login), [announce](http://alessandrovermeulen.me/2012/01/26/getting-rid-of-javascript-with-haskell))


[jcu-spockz-fork]: https://github.com/spockz/JCU
[jcu-install-script]: https://gist.github.com/1902090 "A Ruby Script to install JCU and dependencies."
[uhc-github]: https://github.com/UU-ComputerScience
[uhc-js]: https://github.com/UU-ComputerScience/uhc-js [uhc-js]: https://github.com/UU-ComputerScience/uhc-js
[uhc-extensive-doc]: http://www.cs.uu.nl/wiki/bin/view/Ehc/Documentation [uhc-extensive-doc]: http://www.cs.uu.nl/wiki/bin/view/Ehc/Documentation

{% endcapture %} {% endcapture %}


<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="span3 bs-docs-sidebar"> <div class="span3 bs-docs-sidebar">
<ul class="nav nav-list bs-docs-sidenav" data-spy="affix" data-offset-top="132"> <ul class="nav nav-list bs-docs-sidenav" data-spy="affix" data-offset-top="85">


<!-- <li><a href="#getting_started">Getting Started</a></li><li><a href="#communicating_with_javascript">Communicating with JavaScript</a></li><li class="active"><a href="#examples__practice">Examples / Practice</a></li> --> <!-- <li><a href="#getting_started">Getting Started</a></li><li><a href="#communicating_with_javascript">Communicating with JavaScript</a></li><li class="active"><a href="#examples__practice">Examples / Practice</a></li> -->
</ul> </ul>
Expand Down
95 changes: 35 additions & 60 deletions index.md
View file
Expand Up @@ -4,44 +4,14 @@ title: "The Utrecht Haskell Compiler JavaScript Backend Page"
permalink: / permalink: /
--- ---
{% capture content %} {% capture content %}
<div class="alert">
<p>
This page is currently under construction. In the mean time please
consider looking at the reports <a
href="http://www.norm2782.com/improving-uhc-js-report.pdf">Improving the
UHC JavaScript Backend</a> (Jurriën Stutterheim) and <a
href="http://alessandrovermeulen.me/2012/01/26/getting-rid-of-javascript-with-haskell/">Getting
Rid of JavaScript with Haskell</a> (Alessandro Vermeulen). Also take a look at
<a
href="http://www.haskell.org/haskellwiki/The_JavaScript_Problem#UHC">Haskell:
The JavaScript Problem</a>.
</p>
</div>


A short introduction: how to get started
----------------------------------------
Please report bugs in the UHC-JS backend or in the UHC-JS library in the [GitHub
Issue Tracker](https://github.com/UU-ComputerScience/uhc-js/issues). Please note
that UHC related issues will eventually get their own issue tracker once the UHC
has been moved to GitHub. Also consider joining
[#uhcjs](irc://irc.freenode.net/uhcjs) on FreeNode.


Demo
----
The JCU app discussed in "Getting Rid of JavaScript with Haskell" has been put
online by [Chris Done](http://chrisdone.com/).

Go to the [instance](http://jcu.chrisdone.com/login). And log in with username
"uhcjsdemo@example.com" and password "123456". And check out the [source
code](https://github.com/UU-ComputerScience/JCU). For installation instructions
please refer to the section "Locations and Setup" in "Getting Rid of JavaScript
with Haskell".


## What is UHC-JS?
UHC-JS is the JavaScript backend of the Utrecht Haskell Compiler. It is able of
compiling any Haskell program to JavaScript. This makes it possible to run your
Haskell programs in the browser. Furthermore there is now no more reason for
having to write the verbose language that is called JavaScript yourself. Hurray!


Resources ## Resources
---------


* [Improving the UHC JavaScript Backend](http://www.norm2782.com/improving-uhc-js-report.pdf) - Jurriën Stutterheim * [Improving the UHC JavaScript Backend](http://www.norm2782.com/improving-uhc-js-report.pdf) - Jurriën Stutterheim
* [Getting Rid of JavaScript with Haskell](http://alessandrovermeulen.me/2012/01/26/getting-rid-of-javascript-with-haskell) - Alessandro Vermeulen * [Getting Rid of JavaScript with Haskell](http://alessandrovermeulen.me/2012/01/26/getting-rid-of-javascript-with-haskell) - Alessandro Vermeulen
Expand All @@ -52,35 +22,35 @@ Resources
* [UHC JS Backend Quick Start](http://chrisdone.com/posts/2012-01-06-uhc-javascript.html) - Chris Done * [UHC JS Backend Quick Start](http://chrisdone.com/posts/2012-01-06-uhc-javascript.html) - Chris Done
* [Client-Side Haskell code](https://github.com/spockz/JCU/tree/master/resources/static/hjs) - Alessandro Vermeulen * [Client-Side Haskell code](https://github.com/spockz/JCU/tree/master/resources/static/hjs) - Alessandro Vermeulen


## Demo
The JCU app discussed in "Getting Rid of JavaScript with Haskell" has been put
online by [Chris Done](http://chrisdone.com/).

Go to the [instance](http://jcu.chrisdone.com/login). And log in with username
"uhcjsdemo@example.com" and password "123456". And check out the [source
code](https://github.com/UU-ComputerScience/JCU). For installation instructions
please refer to the section "Locations and Setup" in "Getting Rid of JavaScript
with Haskell".


Installation instructions ## Need help?
------------------------- There are currently two major resources for help with UHC. The general [UHC
documentation][uhc-extensive-doc] describes the usage of UHC in general. The
[documentation]({{site.baseurl}}/documentation.html) page provides documentation
for UHC JavaScript specific scenarios.


Clone the latest version of the JavaScript branch of UHC. This is somewhat If you do not reach a solution, please don't hesitate to join the IRC channel
risky but new features will be found here first. [#uhcjs](irc://irc.freenode.net/uhcjs) on FreeNode.


Make sure you have the dependencies, also make sure you have GHC installed:


{% highlight bash %}
cabal install uulib uuagc
{% endhighlight %}


Now build the UHC: ### Installation

For help installing see [Installation of UHC]({{site.baseurl}}/documentation.html#installation_of_uhc).
{% highlight bash linenos %}
$> cd somewhere
$> git clone git://github.com/UU-ComputerScience/uhc.git
$> cd uhc
$> git checkout js
$> cd EHC
$> autoconf
$> ./configure
$> make uhc
{% endhighlight %}


Optionally perform a `make install`. ### GitHub and Issues
[Our repositories](https://github.com/UU-ComputerScience/) are located at
GitHub. You will find the issue trackers there as well.


### Installation script for JCU-HS ### ### Installation script for JCU-HS
An installation script for installing the JCU app together with its dependencies An installation script for installing the JCU app together with its dependencies
is available from [this gist][jcu-install-script]. Currently the script does is available from [this gist][jcu-install-script]. Currently the script does
**not** build nor install UHC for you. **not** build nor install UHC for you.
Expand All @@ -89,19 +59,24 @@ If you trust us you may run the following command directly from your shell. It
will run the installer in your current working directory: will run the installer in your current working directory:


{% highlight ruby %} {% highlight ruby %}
ruby <(curl -s https://raw.github.com/gist/1902090/e2a0508cea4bd4bc3abeed87b054e32e1c99931e/install.rb) ruby <(curl -s https://raw.github.com/gist/1902090/0588a1a1e5a7bb8935ee9afdd7d96949abbe7ff5/install.rb)
{% endhighlight %} {% endhighlight %}


Follow the on screen instructions when running the installer. Follow the on screen instructions when running the installer.



[jcu-spockz-fork]: https://github.com/spockz/JCU [jcu-spockz-fork]: https://github.com/spockz/JCU
[jcu-install-script]: https://gist.github.com/1902090 "A Ruby Script to install JCU and dependencies." [jcu-install-script]: https://gist.github.com/1902090 "A Ruby Script to install JCU and dependencies."
[uhc-github]: https://github.com/UU-ComputerScience
[uhc-js]: https://github.com/UU-ComputerScience/uhc-js
[uhc-extensive-doc]: http://www.cs.uu.nl/wiki/bin/view/Ehc/Documentation

{% endcapture %} {% endcapture %}


<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="span3 bs-docs-sidebar"> <div class="span3 bs-docs-sidebar">
<ul class="nav nav-list bs-docs-sidenav" data-spy="affix" data-offset-top="132"> <ul class="nav nav-list bs-docs-sidenav" data-spy="affix" data-offset-top="80">


<!-- <li><a href="#getting_started">Getting Started</a></li><li><a href="#communicating_with_javascript">Communicating with JavaScript</a></li><li class="active"><a href="#examples__practice">Examples / Practice</a></li> --> <!-- <li><a href="#getting_started">Getting Started</a></li><li><a href="#communicating_with_javascript">Communicating with JavaScript</a></li><li class="active"><a href="#examples__practice">Examples / Practice</a></li> -->
</ul> </ul>
Expand Down

0 comments on commit a64ab15

Please sign in to comment.