tryhaskell/index.html at master · spratt/tryhaskell · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>Try Haskell! An interactive tutorial in your browser</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="google-site-verification"
          content="q3BH34YRyNZdPysYNE0FbM4bJl2hkY67BK0tEExs1a4">
    <meta name="description" content="Try Haskell in your browser! An interactive tutorial for the Haskell programming language.">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/tryhaskell.css" type="text/css" media="screen">
    <!--[if lte IE 6]>
        <style type="text/css" media="screen">
          div.primary-content { width:600px;margin-left:70px;float:left }
        </style>
        <![endif]-->
    <script type="text/javascript" src="js/lib.min.js"></script>
    <script type="text/javascript" src="js/jquery.console.js"></script>
    <script type="text/javascript" src="js/tryhaskell.js"></script>
    <script type="text/javascript" src="js/raphael-min.js"></script>
  </head>
  <body>
    <div class="page-wrap">
      <div class="primary-content">
        <div class="main-wrapper bgs2">
          <div class="main-wrapper-top sprites"></div>
          <div class="main-wrapper-borders bgs">
            <h1 class="main-header sprites">Try Haskell! An interactive tutorial in your
              browser</h1>
            <div class="menu clearfix">
              <a class="reset-btn sprites" href="javascript:">
                <span>Reset</span>
              </a>
            </div>
            <div class="clear"></div>
            <div class="console-wrapper">
              <div class="console-wrapper-top sprites"></div>
              <div class="console-wrapper-borders bgs">
                <div class="console">
                </div>
              </div>
              <div class="console-wrapper-bottom sprites"></div>
            </div>
            <div class="guide-wrapper" style="margin-bottom:10px">
              <div class="guide-wrapper-top sprites"></div>
              <div class="guide-wrapper-borders bgs">
                <div id="raphael">
                </div>
              </div>
              <div class="guide-wrapper-bottom sprites"></div>
            </div>
            <div class="guide-wrapper">
              <div class="guide-wrapper-top sprites"></div>
              <div class="guide-wrapper-borders bgs">
                <div class="guide">
                  <p>
                    Welcome to your first taste of Haskell! Let's try Haskell right now!
                  </p>
                  <h3>Beginners</h3>
                  <div class="indent">
                    <p>Type <code>help</code> to start the
                      tutorial. Type <code>lessons</code> to see the
                      list of lessons.</p>
                    <p>Or try typing these out and see what happens
                      <small class="note">(click to insert)</small>:</p>
                    <ul>
                      <li>
                        <code>23*36</code>
                      </li>
                      <li>
                        <code>reverse "hello"</code>
                      </li>
                    </ul>
                  </div>
                  <div id="learn-more">
                    <h3>Learn More</h3>
                    <div class="indent">
                      <p class="clearfix">
                        <a class="tryhaskellcover sprites"
                           href="http://book.realworldhaskell.org/"
                           title="Real World Haskell"><span>Real World Haskell!</span></a>
                        Get stuck into a book with
                        <a href="http://book.realworldhaskell.org/">Real
                          World Haskell</a> <small class="note">
                          (readable online!)</small>, published by O'Reilly Media.
                        Checkout
                        <a href="http://haskell.org/"
                           title="Haskell home page">Haskell.org</a>
                        for more information about Haskell.</p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="guide-wrapper-bottom sprites"></div>
            </div>
            <div class="main-wrapper-bottom sprites"></div>
          </div>
          <div class="footer-wrapper bgs2 clearfix">
            <div class="footer-wrapper-top sprites"></div>
            <div class="footer-wrapper-borders bgs">
              <div class="footer">
                <p>
                  <a href="http://chrisdone.com/posts/2010-04-05-haskell-json-service-tryhaskell.html">Evaluation
                    service</a>
                  and <a href="http://github.com/chrisdone/tryhaskell">Try
                    Haskell</a> by
                  <a href="http://chrisdone.com/">
                    Chris Done,
                  </a>
                  concept and interface blatantly copied from
                  <a href="http://tryruby.org/"
                     title="_why's Try Ruby">
                    _why's Try Ruby!</a>,
                  Haskell evaluator powered by a patched version of
                  <a href="http://hackage.haskell.org/package/mueval"
                     title="mueval on Hackage">
                    Gwern Branwen's mueval</a>,
                  <a href="http://github.com/chrisdone/jquery-console">console
                    library</a> proudly written in
                  <a href="http://jquery.com/">
                    JQuery.
                  </a>
                </p>
              </div>
            </div>
            <div class="footer-wrapper-bottom sprites"></div>
          </div>
        </div>
      </div>
  </body>
</html>