islisp.js.org/index.html at master · islisp-dev/islisp.js.org · 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
    <!--
        This Source Code Form is subject to the terms of the Mozilla Public
        License, v. 2.0. If a copy of the MPL was not distributed with this
        file, You can obtain one at http://mozilla.org/MPL/2.0/.
    -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Iris - A ISLisp Implementation</title>
    <link rel="stylesheet" href="lib/bootstrap.min.css">
    <style>
        #repl {
            background-color: #fdf6e3;
            height: 400px;
            overflow-y: auto;
            color: #839496;
            padding: 20px;
        }
        #input, pre, code {
            padding: 0;
            margin: 0;
            color: inherit;
            background: transparent;
            border: none;
            font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
        }
        pre {
            overflow-y: hidden;
        }
        pre > code {
            padding: 0;
            display: block;
            overflow-x: scroll;
            padding-bottom: 50px;
            margin-bottom: -50px;
        }
        #form {
            display: flex;
        }
        #form code {
            width: 20px;
        }
        #input {
            flex: 1;
            min-height: 20px;
        }

        form {
            height: 50px;
        }
        main {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <header>
        <nav class="navbar navbar-light bg-light">
            <div class="container">
                <a class="navbar-brand" href="/">
                    IRIS
                </a>
            </div>
        </nav>
    </header>
    <main class="container">
        <div class="row">
            <div class="col-lg-3 col-md-4">
                <nav class="navs">
                    <div class="nav-item">ISLisp Documents
                        <ul class="nav-item navs">
                            <li class="nav-item"><a class="nav-link" href="http://islisp-dev.github.io/ISLispHyperDraft/islisp-v23.html">Specs</a></li>
                            <li class="nav-item"><a class="nav-link" href="http://islisp.org/">Official Site</a></li>
                        </ul>
                    </div>
                    <div class="nav-item">Repositories
                        <ul class="nav-item navs">
                            <li class="nav-item"><a class="nav-link" href="https://github.com/islisp-dev/iris">Go Implementation</a></li>
                            <li class="nav-item"><a class="nav-link" href="https://github.com/islisp-dev/islisp.js.org">JavaScript Implementation</a></li>
                        </ul>
                    </div>
                </nav>
            </div>
            <div class="col-lg-9 col-md-8">
                <div class="row">
                    <p class="h5 p-3">ISLisp in JS/Go: Standards-compliant Lisp smaller than Common-Lisp</p>
                </div>
                <div class="row">
                    <div class="col-lg-6">
                        <h2>Features</h2>
                        <ul>
                            <li>Implementation on Go and JavaScript</li>
                            <li>Strong Extensible FFI (by Go Plugin &amp; CGO)</li>
                            <li>Cross Platform (Windows / macOS / Linux / Web)</li>
                        </ul>
                        <h2>Download</h2>
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Language</th>
                                    <th>Project</th>
                                    <th>Version</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <th>Go</th>
                                    <td>github.com/tani/iris</td>
                                    <td>HEAD</td>
                                </tr>
                                <tr>
                                    <th>JavaScript</th>
                                    <td>islisp.js.org/api/eval.js</td>
                                    <td>HEAD</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-lg-6">
                        <h2>Try Iris</h2>
                        <div id="repl" class="p-3">
                            <pre><code id="output"></code></pre>
                            <div id="form">
                                <code id="prompt">&gt;&nbsp;</code>
                                <div id="input" contenteditable="true"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer class="container">
        <p class="text-center p-3">
            Copyright &copy; 2017-2021 <a href="https://www.docs.casa/">TANIGUCHI Masaya</a> All Rights Reserved.
        </p>
        <p class="text-center">
            <a href="https://js.org" target="_blank" title="JS.ORG | JavaScript Community">
                <img src="https://logo.js.org/dark_horz.png" width="102" alt="JS.ORG Logo"/>
            </a>
            <!-- alternatives [bright|dark]_[horz|vert|tiny].png (width[horz:102,vert:50,tiny:77]) -->
        </p>
    </footer>
    <script src="lib/jquery-3.2.1.min.js"></script>
    <script src="main.js"></script>
</body>
</html>