keii.dev
🧚 A practical web framework for Gleam
Basic landing page
+57
+15
docs/index.html
+15
docs/index.html
···
1
+
<!DOCTYPE html>
2
+
<html lang="en">
3
+
<head>
4
+
<meta charset="UTF-8">
5
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+
<title>Wisp - A practical Gleam web framework</title>
7
+
<link rel="stylesheet" href="style.css">
8
+
</head>
9
+
<body>
10
+
<h1>Wisp</h1>
11
+
<nav>
12
+
<a href="https://github.com/lpil/wisp">GitHub</a>
13
+
</nav>
14
+
</body>
15
+
</html>
+42
docs/style.css
+42
docs/style.css
···
1
+
* {
2
+
box-sizing: border-box;
3
+
}
4
+
5
+
body,
6
+
html {
7
+
height: 100vh;
8
+
overflow-y: hidden;
9
+
}
10
+
11
+
body {
12
+
font-family: sans-serif;
13
+
margin: 0;
14
+
padding: 0;
15
+
16
+
display: flex;
17
+
align-items: center;
18
+
justify-content: center;
19
+
flex-direction: column;
20
+
21
+
background-color: hsla(90, 60%, 64%, 1);
22
+
background-image: radial-gradient(
23
+
at 65% 68%,
24
+
hsla(87, 56%, 61%, 1) 0px,
25
+
transparent 50%
26
+
),
27
+
radial-gradient(at 99% 98%, hsla(66, 44%, 75%, 1) 0px, transparent 50%),
28
+
radial-gradient(at 39% 18%, hsla(53, 67%, 66%, 1) 0px, transparent 50%),
29
+
radial-gradient(at 0% 1%, hsla(88, 76%, 80%, 1) 0px, transparent 50%),
30
+
radial-gradient(at 15% 73%, hsla(152, 89%, 71%, 1) 0px, transparent 50%),
31
+
radial-gradient(at 50% 99%, hsla(97, 48%, 79%, 1) 0px, transparent 50%),
32
+
radial-gradient(at 98% 0%, hsla(121, 69%, 81%, 1) 0px, transparent 50%);
33
+
}
34
+
35
+
h1 {
36
+
font-family: cursive, serif;
37
+
font-size: 8rem;
38
+
margin: 0;
39
+
padding: 0;
40
+
color: rgb(19, 61, 20);
41
+
margin: 2rem 1rem;
42
+
}