blob: 06e60b1a98526718fb65330c096d9221800056e0 (
plain)
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
|
/*
* This file contains styles specific to the "index" view. The corresponding
* HTML/template file is `views/index.html`.
*/
.hero {
/* We want the hero at the top to take up a big portion of the screen,
* while still showing that there's more content to be found below. */
min-height: 50vh;
/* Put children smack-dab in the center */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
/* Place a cool background image with a radial gradient over it, to give vibezzz and readability. */
background-image:
radial-gradient(circle at center, rgba(0, 0, 0, 20%) 0, rgba(0, 0, 0, 80%) 100%),
url(/static/hero.jpeg);
background-size: cover;
/* TODO: Put some cool image here */
background-color: purple;
color: white;
}
.hero__title {
font-size: 5rem;
margin: 1rem;
/* TODO: Use (subset) font for this very important text. */
}
.hero__subtitle {
font-size: large;
font-style: italic;
}
|
