Overview
| Comment: | Huge improvements to front page style. |
|---|---|
| Timelines: | family | ancestors | descendants | both | trunk |
| Files: | files | file ages | folders |
| SHA3-256: |
6de38c26fd2d7f471c21f2a41ff6b1ae |
| User & Date: | robin.hansen on 2020-11-15 11:32:40 |
| Other Links: | manifest | tags |
Context
|
2020-11-15
| ||
| 11:47 | Minor improvements to text in playground lessons. check-in: d6befbcefb user: robin.hansen tags: trunk | |
| 11:32 | Huge improvements to front page style. check-in: 6de38c26fd user: robin.hansen tags: trunk | |
| 07:14 | Fix deploy script. check-in: 823b4fee65 user: robin.hansen tags: trunk | |
Changes
Modified src/index.css from [f87364f50d] to [06c39f9b41].
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
..
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
|
* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #fcfcfd;
}
header {
color: #fcfcfd;
background: #36af6d;
}
#header-content {
................................................................................
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;
}
#selling-points {
width: 990px;
margin: 0 auto;
}
#selling-points .content {
display: flex;
justify-content: space-between;
}
|
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
<
<
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
|
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
..
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
|
* {
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;
}
#header-content {
................................................................................
margin: 0 auto;
padding-bottom: 24px;
}
#header-content nav {
display: flex;
justify-content: space-between;
}
#header-content nav h1 {
margin: 0;
}
#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;
}
#selling-points {
width: 990px;
margin: 0 auto;
padding-bottom: 200px;
}
#selling-points .content {
display: flex;
justify-content: space-between;
}
.shell {
padding: 8px;
background-color: rgb(0, 0, 0);
color: rgb(255, 255, 255);
white-space: pre-line;
font-family: monospace;
}
#selling-points .content .shell {
width: 400px;
}
#selling-points .content img {
width: 400px;
}
#selling-points a {
color: #36af6d;
}
|
Modified src/index.html from [6f0fb4fc91] to [337eabb3f2].
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
..
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
|
<link rel="stylesheet" href="index.css">
</head>
<body>
<header>
<div id="header-content">
<nav>
<h1>
<span>Play</span>
<span class="small">v0.1</span>
</h1>
<ul>
<li><a alt="Get caught up on the latest news" href="https://fossils.play-lang.dev/compiler/timeline?udc=1&ss=m&n=10&y=e&advm=0">News</a></li>
<li><a alt="" href="https://fossils.play-lang.dev/community">Forum</a></li>
<li><a alt="" href="https://fossils.play-lang.dev">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 id="selling-points">
<article>
<h3>Minimal, yet flexible, syntax</h3>
<div class="content">
<p>bladiblabla</p>
<code>
def: increment
: 1 +
</code>
</div>
</article>
<article>
<h3>Good error messages</h3>
<div class="content">
<p>bladiblabla</p>
<code>
def: increment
: 1 +
</code>
</div>
</article>
<article>
<h3>Portable</h3>
<div class="content">
<p>bladiblabla</p>
<code>
def: increment
: 1 +
</code>
</div>
</article>
<article>
<h3>In Alpha</h3>
<div class="content">
<p>bladiblabla</p>
<code>
def: increment
: 1 +
</code>
</div>
</article>
</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>
|
|
|
<
<
|
|
|
|
|
>
>
>
>
|
>
>
>
|
|
>
>
|
>
>
|
<
>
>
>
>
|
<
<
<
<
|
>
|
<
<
|
<
|
<
<
<
<
|
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
..
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
|
<link rel="stylesheet" href="index.css">
</head>
<body>
<header>
<div id="header-content">
<nav>
<h1>
<span class="big">Play</span>
<span class="small">alpha 1</span>
</h1>
<ul>
<li><a alt="Get caught up on the latest news" href="https://fossils.play-lang.dev/compiler/timeline?udc=1&ss=m&n=10&y=e&advm=0">News</a></li>
<li><a alt="" href="https://fossils.play-lang.dev/community">Forum</a></li>
<li><a alt="" href="https://fossils.play-lang.dev">Source</a></li>
</ul>
</nav>
<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 id="selling-points">
<article>
<h3>Minimal, yet flexible, syntax</h3>
<div class="content">
<p>bladiblabla</p>
<code class="shell">
def: main
: 1 inc
2 =
def: inc
: 1 +
def: dec
: 1 -
</code>
</div>
</article>
<article>
<h3>Great error messages</h3>
<div class="content">
<p>bladiblabla</p>
<div class="shell">
Compilation failed:
2 | def: main
3 | type: -- Int
4 | entry: true
5 | : 1 2
The type of 'main' is specified to be -- Int.
However, it seems that the actual type is: -- Int Int
</div>
</div>
</article>
<article>
<h3>Portable</h3>
<div class="content">
<p>bladiblabla</p>
<img alt="Web assembly logo" src="wasm_logo.svg" />
</div>
</article>
<article>
<h3>In Alpha</h3>
<p>bladiblabla</p>
<a alt="Read the roadmap" href="https://fossils.play-lang.dev/compiler/wiki?name=roadmap">
read the roadmap
</a>
</article>
</section>
</body>
</html>
|
Added src/wasm_logo.svg version [086cee2dc1].
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > |
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 |
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 302.69 157.03"> <defs> <style> .cls-1 { fill: #393939; } .cls-2 { fill: #654ff0; } </style> </defs> <title>web-assembly-logo</title> <g id="Layer_2" data-name="Layer 2"> <g id="Notch_-_Purple" data-name="Notch - Purple"> <g> <path class="cls-1" d="M27,156.68H22.41l-4.34-15.24q-.28-1-.7-2.88t-.51-2.61q-.18,1.12-.57,2.9t-.66,2.66l-4.23,15.17H6.87l-3.3-12.8L.21,131.12H4.48L8.13,146a64.24,64.24,0,0,1,1.22,6.33q.19-1.49.58-3.32t.7-3l4.16-14.93h4.14l4.27,15a56.12,56.12,0,0,1,1.29,6.22A45.58,45.58,0,0,1,25.75,146l3.64-14.86h4.23Z" transform="translate(-0.21)"/> <path class="cls-1" d="M54.91,156.68H40.46V131.12H54.91v3.53H44.63v7h9.63v3.5H44.63v8H54.91Z" transform="translate(-0.21)"/> <path class="cls-1" d="M63.66,131.12h7.59q5.28,0,7.63,1.54a5.39,5.39,0,0,1,2.35,4.86,5.89,5.89,0,0,1-1.15,3.72,5.16,5.16,0,0,1-3.32,1.87v.17a6.6,6.6,0,0,1,4,2,6.06,6.06,0,0,1,1.27,4,6.56,6.56,0,0,1-2.4,5.39,10.34,10.34,0,0,1-6.69,1.95H63.66Zm4.18,10.56h4a6.88,6.88,0,0,0,3.83-.83A3.18,3.18,0,0,0,76.89,138a2.83,2.83,0,0,0-1.3-2.6,8.14,8.14,0,0,0-4.13-.8H67.84Zm0,3.39v8.09h4.44a6.54,6.54,0,0,0,4-1A3.71,3.71,0,0,0,77.57,149a3.37,3.37,0,0,0-1.36-3,7.22,7.22,0,0,0-4.14-1Z" transform="translate(-0.21)"/> <path class="cls-1" d="M108.87,156.68l-3.18-8.13H95.44l-3.15,8.13h-3L99.39,131h2.5l10.05,25.66Zm-4.11-10.8-3-7.92q-.58-1.5-1.19-3.69A33.24,33.24,0,0,1,99.5,138l-3,7.92Z" transform="translate(-0.21)"/> <path class="cls-1" d="M135.25,149.88a6.27,6.27,0,0,1-2.45,5.26,10.61,10.61,0,0,1-6.64,1.89,16.64,16.64,0,0,1-7-1.17V153a18.33,18.33,0,0,0,3.43,1,18,18,0,0,0,3.67.38,7.41,7.41,0,0,0,4.48-1.13,3.7,3.7,0,0,0,1.5-3.14,4,4,0,0,0-.53-2.18,5,5,0,0,0-1.78-1.57,24.92,24.92,0,0,0-3.8-1.62,12.14,12.14,0,0,1-5.1-3,6.68,6.68,0,0,1-1.53-4.56,5.67,5.67,0,0,1,2.22-4.7,9.23,9.23,0,0,1,5.87-1.75,17.31,17.31,0,0,1,7,1.4l-.93,2.59a15.84,15.84,0,0,0-6.15-1.33,6,6,0,0,0-3.69,1,3.34,3.34,0,0,0-1.33,2.81,4.31,4.31,0,0,0,.49,2.18,4.6,4.6,0,0,0,1.65,1.56,20.48,20.48,0,0,0,3.56,1.57,14.08,14.08,0,0,1,5.53,3.08A6.05,6.05,0,0,1,135.25,149.88Z" transform="translate(-0.21)"/> <path class="cls-1" d="M160.27,149.88a6.27,6.27,0,0,1-2.45,5.26,10.61,10.61,0,0,1-6.64,1.89,16.64,16.64,0,0,1-7-1.17V153a18.33,18.33,0,0,0,3.43,1,18,18,0,0,0,3.67.38,7.41,7.41,0,0,0,4.48-1.13,3.7,3.7,0,0,0,1.5-3.14,4,4,0,0,0-.53-2.18,5,5,0,0,0-1.78-1.57,24.92,24.92,0,0,0-3.8-1.62,12.14,12.14,0,0,1-5.1-3,6.68,6.68,0,0,1-1.53-4.56,5.67,5.67,0,0,1,2.22-4.7,9.23,9.23,0,0,1,5.87-1.75,17.31,17.31,0,0,1,7,1.4l-.93,2.59a15.84,15.84,0,0,0-6.15-1.33,6,6,0,0,0-3.69,1,3.34,3.34,0,0,0-1.33,2.81,4.31,4.31,0,0,0,.49,2.18,4.6,4.6,0,0,0,1.65,1.56,20.48,20.48,0,0,0,3.56,1.57,14.08,14.08,0,0,1,5.53,3.08A6.05,6.05,0,0,1,160.27,149.88Z" transform="translate(-0.21)"/> <path class="cls-1" d="M185.11,156.68H170.87V131.12h14.25v2.64H173.84V142h10.59v2.62H173.84V154h11.28Z" transform="translate(-0.21)"/> <path class="cls-1" d="M207.46,156.68,198.79,134h-.14q.24,2.69.25,6.4v16.26h-2.74V131.12h4.48l8.09,21.08h.14L217,131.12h4.44v25.56h-3V140.21q0-2.83.25-6.15h-.14l-8.74,22.62Z" transform="translate(-0.21)"/> <path class="cls-1" d="M233.84,131.12h7.22q5.09,0,7.36,1.52a5.37,5.37,0,0,1,2.27,4.81,5.55,5.55,0,0,1-1.27,3.75,6.1,6.1,0,0,1-3.7,1.91v.17q5.82,1,5.82,6.12a6.57,6.57,0,0,1-2.32,5.35,9.86,9.86,0,0,1-6.48,1.92h-8.92Zm3,10.94h4.89a8,8,0,0,0,4.53-1,3.81,3.81,0,0,0,1.38-3.33,3.37,3.37,0,0,0-1.54-3.1,9.61,9.61,0,0,0-4.9-1h-4.37Zm0,2.52v9.56h5.33a7.59,7.59,0,0,0,4.66-1.2,4.42,4.42,0,0,0,1.56-3.75,4,4,0,0,0-1.6-3.5,8.55,8.55,0,0,0-4.87-1.12Z" transform="translate(-0.21)"/> <path class="cls-1" d="M262.41,156.68V131.12h3V154h11.28v2.69Z" transform="translate(-0.21)"/> <path class="cls-1" d="M292.86,143.9l6.82-12.78h3.22l-8.53,15.64v9.91h-3v-9.77l-8.51-15.79h3.25Z" transform="translate(-0.21)"/> </g> <g id="icon"> <path class="cls-2" d="M163.76,0c0,.19,0,.38,0,.58a12.34,12.34,0,0,1-24.68,0c0-.2,0-.39,0-.58H97.64V107.62H205.26V0ZM149,96.1l-5.24-25.93h-.09L138,96.1h-7.22L122.6,58h7.13l4.88,25.93h.09L140.58,58h6.67l5.28,26.25h.09L158.19,58h7L156.1,96.1Zm39.26,0-2.43-8.48H173l-1.87,8.48H164L173.22,58h11.25l11.21,38.1Z" transform="translate(-0.21)"/> <polygon class="cls-2" points="177.3 67.39 174.19 81.37 183.87 81.37 180.3 67.39 177.3 67.39"/> </g> </g> </g> </svg> |