Reformated style.css and updated Dockerfile to use a stable version of lowdown
Signed-off-by: Louis Vallat <louis@louis-vallat.xyz>
This commit is contained in:
parent
dc9cbdd0ce
commit
d933650332
@ -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
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user