Website

Check-in [e204b5a898]
Login
Overview
Comment:Improve styling of landing page when displayed on mobile screen.
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256: e204b5a898473df023d2490bfbb926e1325de1046e89419f6ece5286b490ce3a
User & Date: robin.hansen on 2021-06-09 09:44:20
Other Links: manifest | tags
Context
2021-06-10
09:54
Update dependencies and Stabel compiler. check-in: 587f92f528 user: robin.hansen tags: trunk
2021-06-09
09:44
Improve styling of landing page when displayed on mobile screen. check-in: e204b5a898 user: robin.hansen tags: trunk
2021-06-08
13:59
Use a darker green to improve contrast ratio on text. check-in: 49cf72c61c user: robin.hansen tags: trunk
Changes
Hide Diffs Unified Diffs Ignore Whitespace Patch

Modified src/index.css from [4463b388fc] to [332bc2a40c].

189
190
191
192
193
194
195

































    border-right: 1px solid white;
    padding: 0 0.5em;
}

footer ul li:last-child {
    border-right: none;
}








































>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
    border-right: 1px solid white;
    padding: 0 0.5em;
}

footer ul li:last-child {
    border-right: none;
}

@media screen and (max-width: 800px) {
    #header-content {
        padding: 16px;
    }

    #header-content nav {
        flex-direction: column;
        align-items: center;
    }

    #header-content nav h1 {
        margin-bottom: 8px;
    }

    main {
        padding: 16px;
    }

    main .shell {
        width: auto;
    }

    main .left {
        float: initial;
        margin: initial;
    }

    main .right {
        float: initial;
        margin: initial;
    }
}

Modified src/index.html from [9a4cc8ff5f] to [c6096b84d6].

42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
..
61
62
63
64
65
66
67
68

69
70
71
72
73
74
75
76
        <main>
            <h3>Minimal, yet flexible</h3>

            <p>The syntax and semantics of Stabel uses reverse polish notation, meaning the function name comes <em>after</em> its arguments. This frees the syntax of many control characters while the semantics consist of a few, but powerful, rules.</p>

            <pre class="shell right">
                def: main
                : 2 increment # returns 3

                def: increment
                : 1 +
            </pre>

            <p>Without going into too much detail, code in Stabel consists of whitespace-separated functions which are called in a left-to-right fashion. The return value, or values, of a function call serve as the input arguments for the next function call. Numbers are functions which return themselves. This is known as concatinative programming.</p>

................................................................................
            <pre class="shell left">
                Compilation failed:

                9 | def: some-word
                10| type: -- Bool
                11| : 1

                The type of 'some-word' is specified to be  -- Bool.

                However, it seems that the actual type is:  -- Int.
            </pre>

            <h3>Portable</h3>

            <p>Your code can run on the command line, on a server or even in the browser. Stabel is compiled to web assembly, so you're sure to enjoy the same semantics wherever your code is executed.</p>

            <h3 class="clear">In Alpha</h3>







|







 







|
>
|







42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
..
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
        <main>
            <h3>Minimal, yet flexible</h3>

            <p>The syntax and semantics of Stabel uses reverse polish notation, meaning the function name comes <em>after</em> its arguments. This frees the syntax of many control characters while the semantics consist of a few, but powerful, rules.</p>

            <pre class="shell right">
                def: main
                : 2 increment 

                def: increment
                : 1 +
            </pre>

            <p>Without going into too much detail, code in Stabel consists of whitespace-separated functions which are called in a left-to-right fashion. The return value, or values, of a function call serve as the input arguments for the next function call. Numbers are functions which return themselves. This is known as concatinative programming.</p>

................................................................................
            <pre class="shell left">
                Compilation failed:

                9 | def: some-word
                10| type: -- Bool
                11| : 1

                The type of 'some-word' is specified to be  -- Bool

                However, it seems that the actual type is:  -- Int
            </pre>

            <h3>Portable</h3>

            <p>Your code can run on the command line, on a server or even in the browser. Stabel is compiled to web assembly, so you're sure to enjoy the same semantics wherever your code is executed.</p>

            <h3 class="clear">In Alpha</h3>