Overview
| Comment: | Frontpage style improvements. |
|---|---|
| Timelines: | family | ancestors | descendants | both | trunk |
| Files: | files | file ages | folders |
| SHA3-256: |
5a3bee1cd454262d04a8196d171a6a5e |
| 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
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>
|