diff --git a/Dockerfile b/Dockerfile index 5bb8ff3..f0c9b8d 100644 --- a/Dockerfile +++ b/Dockerfile @@ -6,7 +6,7 @@ COPY src ./src COPY ssg5 . RUN apk --no-cache add gcc git make musl-dev && \ - git clone https://github.com/kristapsdz/lowdown.git && \ + git clone -b VERSION_0_10_0 https://github.com/kristapsdz/lowdown.git && \ cd lowdown && ./configure && make && make regress && make install && cd .. && \ chmod u+x ./ssg5 && mkdir dst && \ ./ssg5 ./src/ ./dst/ "Le blog de Louis Vallat" "https://blog.louis-vallat.xyz" && rm dst/.files diff --git a/src/assets/css/style.css b/src/assets/css/style.css index 16c92b3..9531394 100644 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -2,173 +2,173 @@ /* Coded by Louis Vallat */ @font-face { - font-family: 'JetBrains Mono'; - src: url("/assets/fonts/JetBrainsMono.ttf"); + font-family: 'JetBrains Mono'; + src: url("/assets/fonts/JetBrainsMono.ttf"); } @font-face { - font-family: 'IBM Plex Mono'; - src: url("/assets/fonts/IBMPlexMono.ttf"); + font-family: 'IBM Plex Mono'; + src: url("/assets/fonts/IBMPlexMono.ttf"); } @font-face { - font-family: 'Open Sans'; - src: url("/assets/fonts/OpenSans-Regular.ttf"); + font-family: 'Open Sans'; + src: url("/assets/fonts/OpenSans-Regular.ttf"); } :root { - --bg: #2A2D34; - --light_bg: #414652; - --fg: #fefefe; - --link: #009DDC; - --link_h: #009B72; - --link_v: #ACACDE; + --bg: #2A2D34; + --light_bg: #414652; + --fg: #fefefe; + --link: #009DDC; + --link_h: #009B72; + --link_v: #ACACDE; } blockquote { - border-left: 5px solid var(--light_bg); - border-radius: 5px; - margin-left: 10px; - padding-left: 7px; + border-left: 5px solid var(--light_bg); + border-radius: 5px; + margin-left: 10px; + padding-left: 7px; } body { - font-family: 'Open Sans', sans-serif; - background-color: var(--bg); - color: var(--fg); - margin-right: 27vw; - margin-left: 27vw; - text-align: justify; - text-justify: auto; - font-size: 16px; + font-family: 'Open Sans', sans-serif; + background-color: var(--bg); + color: var(--fg); + margin-right: 27vw; + margin-left: 27vw; + text-align: justify; + text-justify: auto; + font-size: 16px; } p, ul { - margin-top: 10px; - line-height: 1.55em; + margin-top: 10px; + line-height: 1.55em; } li>ul { - margin-top: 0; - margin-left: 15px; - list-style-type: circle; + margin-top: 0; + margin-left: 15px; + list-style-type: circle; } img { - margin-top: 15px; - margin-bottom: 5px; - width: 100%; + margin-top: 15px; + margin-bottom: 5px; + width: 100%; } a { - color: var(--link); + color: var(--link); } a:visited { - color: var(--link_v); + color: var(--link_v); } a:hover { - color: var(--link_h); + color: var(--link_h); } nav { - display: flex; - flex-direction: row; - justify-content: space-between; - margin-top: 10px; - margin-bottom: 10px; - flex-wrap: wrap; + display: flex; + flex-direction: row; + justify-content: space-between; + margin-top: 10px; + margin-bottom: 10px; + flex-wrap: wrap; } .filler { - flex-grow: 2; + flex-grow: 2; } nav>a { - font-family: 'Open Sans', sans-serif; - padding: 10px; + font-family: 'Open Sans', sans-serif; + padding: 10px; } nav>a:visited, nav>a:hover, nav>a { - color: var(--fg); - text-decoration: none; + color: var(--fg); + text-decoration: none; } nav>a:not(#home_link) { - margin-left: 25px; + margin-left: 25px; } h1, h2, h3, h4, h5, h6 { - font-family: 'JetBrains Mono', sans-serif; - font-weight: bold; - margin-top: 20px; - margin-bottom: 10px; + font-family: 'JetBrains Mono', sans-serif; + font-weight: bold; + margin-top: 20px; + margin-bottom: 10px; } ul { - list-style: disc; - list-style-position: inside; + list-style: disc; + list-style-position: inside; } h1 { - font-size: 2.5em; + font-size: 2.5em; } h2 { - font-size: 1.85em; + font-size: 1.85em; } h3 { - font-size: 1.65em; + font-size: 1.65em; } h4 { - font-size: 1.45em; + font-size: 1.45em; } h5 { - font-size: 1.35em; + font-size: 1.35em; } h6 { - font-size: 1.25em; + font-size: 1.25em; } b, strong { - font-weight: bold; + font-weight: bold; } em, i { - font-style: italic; + font-style: italic; } .articles { - margin-left: 10px; + margin-left: 10px; } footer { - font-size: 14px; - margin-bottom: 100px; + font-size: 14px; + margin-bottom: 100px; } pre { - margin-bottom: 5px; - margin-top: 5px; + margin-bottom: 5px; + margin-top: 5px; } pre>code { - padding: 10px; - display: block; - overflow: auto; - line-height: 1.35em; + padding: 10px; + display: block; + overflow: auto; + line-height: 1.35em; } code { - padding: 2px 5px 2px 5px; - border-radius: 5px; - background-color: var(--light_bg); - font-family: 'IBM Plex Mono', monospace; + padding: 2px 5px 2px 5px; + border-radius: 5px; + background-color: var(--light_bg); + font-family: 'IBM Plex Mono', monospace; } .date { @@ -178,24 +178,24 @@ code { } @media screen and (max-width: 992px) { - body { - margin-right: 10vw; - margin-left: 10vw; - } - nav>a:not(#home_link) { - margin-left: 5px; - } + body { + margin-right: 10vw; + margin-left: 10vw; + } + nav>a:not(#home_link) { + margin-left: 5px; + } } @media screen and (max-width: 768px) { - body { - margin-right: 5vw; - margin-left: 5vw; - } - nav>a:not(#home_link) { - margin-left: 0px; - } - blockquote { - margin-left: 0px; - } + body { + margin-right: 5vw; + margin-left: 5vw; + } + nav>a:not(#home_link) { + margin-left: 0px; + } + blockquote { + margin-left: 0px; + } }