lille.blue

Changed files
+127
archetypes
layouts
static
+1
.gitignore
···
+
public
.hugo_build.lock

This is a binary file and will not be displayed.

+5
archetypes/default.md
···
+
+++
+
date = '{{ .Date }}'
+
draft = true
+
title = '{{ replace .File.ContentBaseName "-" " " | title }}'
+
+++
+3
hugo.toml
···
+
baseURL = 'https://lille.blue/'
+
languageCode = 'fr'
+
title = 'Lille Blue'
+29
layouts/index.html
···
+
<!DOCTYPE html>
+
<html lang="en">
+
+
<head>
+
<meta charset="UTF-8">
+
<title>Lille / Blue</title>
+
<link rel="stylesheet" href="main.css">
+
<link rel="preconnect" href="https://fonts.googleapis.com">
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+
<link
+
href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Roboto+Condensed:ital,wght@0,300;1,300&display=swap"
+
rel="stylesheet">
+
+
</head>
+
+
<body>
+
<section class="section-first">
+
<div class="container section-first-title">
+
<h1 class="title">Lille <small>/</small> Blue</h1>
+
<p>Un groupe de rencontre sur la région de <b>Lille, France</b> pour discuter de <a
+
href="https://atproto.com/">AT Protocol</a>,<br />
+
un réseau ouvert et décentralisé pour construire des
+
applications sociales.</p>
+
<p><a href="https://bsky.app/profile/lille.blue">@lille.blue</a> sur Bluesky.</p>
+
</div>
+
</section>
+
</body>
+
+
</html>
static/images/noise.png

This is a binary file and will not be displayed.

+89
static/main.css
···
+
body {
+
margin: 0;
+
}
+
+
section {
+
height: 100vh;
+
}
+
+
h1,
+
h2,
+
h3,
+
h4 {
+
font-family: "Instrument Serif", serif;
+
font-weight: 400;
+
font-style: normal;
+
}
+
+
+
p {
+
font-family: "Roboto Condensed", sans-serif;
+
font-optical-sizing: auto;
+
font-weight: 300;
+
font-style: normal;
+
}
+
+
.section-first {
+
background-color: #0484fc;
+
background-image: url(/images/noise.png);
+
color: #fff;
+
}
+
+
.section-first a {
+
color: #fff;
+
}
+
+
.section-first a:visited {
+
color: #fff;
+
}
+
+
.section-first-title p {
+
font-family: "Instrument Serif", serif;
+
font-weight: 400;
+
font-style: normal;
+
font-size: 1.7rem;
+
}
+
+
.section-first-title {
+
padding-top: 10%;
+
}
+
+
.title {
+
font-size: 10rem;
+
font-style: italic;
+
}
+
+
.title>small {
+
font-size: 4rem;
+
font-style: italic;
+
}
+
+
.container {
+
width: 100%;
+
margin-right: auto;
+
margin-left: auto;
+
}
+
+
@media (min-width: 600px) {
+
.container {
+
max-width: 600px;
+
}
+
}
+
+
@media (min-width: 840px) {
+
.container {
+
max-width: 840px;
+
}
+
}
+
+
@media (min-width: 1024px) {
+
.container {
+
max-width: 1024px;
+
}
+
}
+
+
@media (max-width: 1024px) {
+
.section-first-title p {
+
font-size: 3rem !important;
+
}
+
}