Website

Check-in [8c9e3036f4]
Login
Overview
Comment:Began adding style to frontpage.
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256: 8c9e3036f4632852ced3347da980c607eb9795017573a6e3827f5c9122cf3847
User & Date: robin.hansen on 2020-11-12 05:56:45
Other Links: manifest | tags
Context
2020-11-12
06:06
Merged frontpage and playground sub-projects. check-in: b874908eeb user: robin.hansen tags: trunk
05:56
Began adding style to frontpage. check-in: 8c9e3036f4 user: robin.hansen tags: trunk
05:08
Add build step to frontpage piece of part check-in: 95afcaaade user: robin.hansen tags: trunk
Changes
Hide Diffs Unified Diffs Ignore Whitespace Patch

Modified frontpage/index.html from [f6b175b141] to [8eb240c798].

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
..
74
75
76
77
78
79
80
81
82
83
84
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Play</title>



















































    </head>
    <body>
        <header>
            <h1 id="title">Play</h1>
            <span>alpha 1</span>


            <nav>





                <ul>
                    <li><a alt="" href="">News</a></li>
                    <li><a alt="" href="">Forum</a></li>
                    <li><a alt="" href="">Source</a></li>
                </ul>
            </nav>

            <hr />

            <h2>An easy to learn language, for making reliable applications</h2>

            <ul>
                <li>Minimal syntax makes the language easy to learn and get started with.</li>
                <li>Strong static typing let's you know when you've made a mistake.</li>
                <li>There are no side effects, making it easier to reason about your code.</li>
                <li>Compiles to web assembly, so it can run in- and outside of a browser.</li>
            </ul>

            <a class="link-button" alt="" href="">
                Learn
            </a>


        </header>

        <section>
            <h3>Minimal, yet flexible, syntax</h3>

            <p>bladiblabla</p>

................................................................................
            <code>
                def: increment
                : 1 +
            </code>
        </section>

        <footer>
            <p>Sounds good? Why don't you <a alt="" href="">try it out?</a> </p>
        </footer>
    </body>
</html>




>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>



<
<
<
>
|
>
>
>
>
>
|
|
|
|
|
|

|

|

|
|
|
|
|
|

|
|
|
<
>







 







|



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
...
128
129
130
131
132
133
134
135
136
137
138
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Play</title>

        <style>
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #fcfcfd;
}

header {
    color: #fcfcfd;
    background: #36af6d;
}

#header-content {
    width: 990px;
    margin: 0 auto;
    padding-bottom: 24px;
}

#header-content nav {
    display: flex;
    justify-content: space-between;
    padding-left: 12px;
    padding-right: 12px;
}

#header-content nav h1 {
    margin: 0;
}

#header-content nav ul {
    display: flex;
    align-items: flex-end;

    list-style: none;
    margin: 0;
    padding: 0;
}

#header-content nav ul li {
    margin-right: 6px;
}
        </style>
    </head>
    <body>
        <header>



            <div id="header-content">
                <nav>
                    <h1>
                        <span>Play</span>
                        <span class="small">v0.1</span>
                    </h1>

                    <ul>
                        <li><a alt="" href="">News</a></li>
                        <li><a alt="" href="">Forum</a></li>
                        <li><a alt="" href="">Source</a></li>
                    </ul>
                </nav>

                <hr />

                <h2>An easy to learn language, for making reliable applications</h2>

                <ul>
                    <li>Minimal syntax makes the language easy to learn and get started with.</li>
                    <li>Strong static typing let's you know when you've made a mistake.</li>
                    <li>There are no side effects, making it easier to reason about your code.</li>
                    <li>Compiles to web assembly, so it can run in- and outside of a browser.</li>
                </ul>

                <a class="link-button" alt="Try the Play language" href="/playground.html">
                    Learn
                </a>

            </div>
        </header>

        <section>
            <h3>Minimal, yet flexible, syntax</h3>

            <p>bladiblabla</p>

................................................................................
            <code>
                def: increment
                : 1 +
            </code>
        </section>

        <footer>
            <p>Sounds good? Why don't you <a alt="Try the Play language" href="/playground.html">try it out?</a></p>
        </footer>
    </body>
</html>