Website

Check-in [5a3bee1cd4]
Login
Overview
Comment:Frontpage style improvements.
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256: 5a3bee1cd454262d04a8196d171a6a5e8de57efea603bc221d6952acc8bce7c6
User & Date: robin.hansen on 2020-11-20 05:27:09
Other Links: manifest | tags
Context
2020-11-20
05:28
Use max-age instead of must-revalidate as cache settings on html pages. check-in: fc22552f03 user: robin.hansen tags: trunk
05:27
Frontpage style improvements. check-in: 5a3bee1cd4 user: robin.hansen tags: trunk
2020-11-19
06:03
Use snapshot of Play compiler for playground. check-in: 10ba5c7b4d user: robin.hansen tags: trunk
Changes
Hide Diffs Unified Diffs Ignore Whitespace Patch

Modified src/index.css from [8de30d97c0] to [8013f75bba].

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
..
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
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-size: 20px;
}

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

a:hover {
    text-decoration: underline;

}

a.link-button {
    display: inline-block;
    background: #36af6d;
    color: #fcfcfc;
    border: 1px solid;
    border-radius: .3rem;
    border-color: #fcfcfc;
    padding: .8rem 2rem;
    font-size: 1.25rem;

}

a.link-button:hover {
    color: #ffffff;
    background: #38b772;
    text-decoration: none;
}

header {
    color: #fcfcfd;
    background: #36af6d;
    padding-top: 16px;
    padding-bottom: 60px;
................................................................................
#header-content nav h1 .big {
    font-size: 1.25em;
}

#header-content nav h1 .small {
    font-size: .6em;
}


#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;
}

#header-content nav ul li a {
    color: rgba(255, 255, 255, .85);
}

#header-content nav ul li a:hover {
    color: #ffffff;






}

#header-content ul {
    margin-bottom: 40px;
}

#selling-points {







<
<
<
<
<
<
<
<
<
>











>





<







 







>










|
|
|
|
|
|




>
>
>
>
>
>







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
..
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
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-size: 20px;









    font-family: helvetica, sans-serif;
}

a.link-button {
    display: inline-block;
    background: #36af6d;
    color: #fcfcfc;
    border: 1px solid;
    border-radius: .3rem;
    border-color: #fcfcfc;
    padding: .8rem 2rem;
    font-size: 1.25rem;
    text-decoration: none;
}

a.link-button:hover {
    color: #ffffff;
    background: #38b772;

}

header {
    color: #fcfcfd;
    background: #36af6d;
    padding-top: 16px;
    padding-bottom: 60px;
................................................................................
#header-content nav h1 .big {
    font-size: 1.25em;
}

#header-content nav h1 .small {
    font-size: .6em;
}


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

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

#header-content nav ul li a {
    margin: 0 6px;
    padding: 0 3px;
    color: rgba(255, 255, 255, .85);
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, .85);
}

#header-content nav ul li a:hover {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

#header-content h2 {
    font-weight: 500;
    font-size: 3.5rem;
}

#header-content ul {
    margin-bottom: 40px;
}

#selling-points {

Modified src/index.html from [b952386a4a] to [395081b61b].

27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
                    <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 id="selling-points">
            <article>
                <h3>Minimal, yet flexible, syntax</h3>







|







27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
                    <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">
                    Try
                </a>
            </div>
        </header>

        <section id="selling-points">
            <article>
                <h3>Minimal, yet flexible, syntax</h3>