draft
lille.blue
+127
+1
.gitignore
+1
.gitignore
···
1
+
public
.hugo_build.lock
.hugo_build.lock
This is a binary file and will not be displayed.
+5
archetypes/default.md
+5
archetypes/default.md
+3
hugo.toml
+3
hugo.toml
+29
layouts/index.html
+29
layouts/index.html
···
1
+
<!DOCTYPE html>
2
+
<html lang="en">
3
+
4
+
<head>
5
+
<meta charset="UTF-8">
6
+
<title>Lille / Blue</title>
7
+
<link rel="stylesheet" href="main.css">
8
+
<link rel="preconnect" href="https://fonts.googleapis.com">
9
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
+
<link
11
+
href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Roboto+Condensed:ital,wght@0,300;1,300&display=swap"
12
+
rel="stylesheet">
13
+
14
+
</head>
15
+
16
+
<body>
17
+
<section class="section-first">
18
+
<div class="container section-first-title">
19
+
<h1 class="title">Lille <small>/</small> Blue</h1>
20
+
<p>Un groupe de rencontre sur la région de <b>Lille, France</b> pour discuter de <a
21
+
href="https://atproto.com/">AT Protocol</a>,<br />
22
+
un réseau ouvert et décentralisé pour construire des
23
+
applications sociales.</p>
24
+
<p><a href="https://bsky.app/profile/lille.blue">@lille.blue</a> sur Bluesky.</p>
25
+
</div>
26
+
</section>
27
+
</body>
28
+
29
+
</html>
static/images/noise.png
static/images/noise.png
This is a binary file and will not be displayed.
+89
static/main.css
+89
static/main.css
···
1
+
body {
2
+
margin: 0;
3
+
}
4
+
5
+
section {
6
+
height: 100vh;
7
+
}
8
+
9
+
h1,
10
+
h2,
11
+
h3,
12
+
h4 {
13
+
font-family: "Instrument Serif", serif;
14
+
font-weight: 400;
15
+
font-style: normal;
16
+
}
17
+
18
+
19
+
p {
20
+
font-family: "Roboto Condensed", sans-serif;
21
+
font-optical-sizing: auto;
22
+
font-weight: 300;
23
+
font-style: normal;
24
+
}
25
+
26
+
.section-first {
27
+
background-color: #0484fc;
28
+
background-image: url(/images/noise.png);
29
+
color: #fff;
30
+
}
31
+
32
+
.section-first a {
33
+
color: #fff;
34
+
}
35
+
36
+
.section-first a:visited {
37
+
color: #fff;
38
+
}
39
+
40
+
.section-first-title p {
41
+
font-family: "Instrument Serif", serif;
42
+
font-weight: 400;
43
+
font-style: normal;
44
+
font-size: 1.7rem;
45
+
}
46
+
47
+
.section-first-title {
48
+
padding-top: 10%;
49
+
}
50
+
51
+
.title {
52
+
font-size: 10rem;
53
+
font-style: italic;
54
+
}
55
+
56
+
.title>small {
57
+
font-size: 4rem;
58
+
font-style: italic;
59
+
}
60
+
61
+
.container {
62
+
width: 100%;
63
+
margin-right: auto;
64
+
margin-left: auto;
65
+
}
66
+
67
+
@media (min-width: 600px) {
68
+
.container {
69
+
max-width: 600px;
70
+
}
71
+
}
72
+
73
+
@media (min-width: 840px) {
74
+
.container {
75
+
max-width: 840px;
76
+
}
77
+
}
78
+
79
+
@media (min-width: 1024px) {
80
+
.container {
81
+
max-width: 1024px;
82
+
}
83
+
}
84
+
85
+
@media (max-width: 1024px) {
86
+
.section-first-title p {
87
+
font-size: 3rem !important;
88
+
}
89
+
}