louis/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reformated style.css and updated Dockerfile to use a stable version of lowdown

Browse Source 
Signed-off-by: Louis Vallat <louis@louis-vallat.xyz>
This commit is contained in:
Louis Vallat 2022-01-16 17:33:48 +01:00
parent dc9cbdd0ce
commit d933650332
No known key found for this signature in database
GPG Key ID: 0C87282F76E61283
2 changed files with 92 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Dockerfile
View File

@ -6,7 +6,7 @@ COPY src ./src
COPY ssg5 . COPY ssg5 .
RUN apk --no-cache add gcc git make musl-dev && \ 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 .. && \ cd lowdown && ./configure && make && make regress && make install && cd .. && \
chmod u+x ./ssg5 && mkdir dst && \ chmod u+x ./ssg5 && mkdir dst && \
./ssg5 ./src/ ./dst/ "Le blog de Louis Vallat" "https://blog.louis-vallat.xyz" && rm dst/.files ./ssg5 ./src/ ./dst/ "Le blog de Louis Vallat" "https://blog.louis-vallat.xyz" && rm dst/.files

182
src/assets/css/style.css
View File

@ -2,173 +2,173 @@
/* Coded by Louis Vallat */ /* Coded by Louis Vallat */
@font-face { @font-face {
font-family: 'JetBrains Mono'; font-family: 'JetBrains Mono';
src: url("/assets/fonts/JetBrainsMono.ttf"); src: url("/assets/fonts/JetBrainsMono.ttf");
} }
@font-face { @font-face {
font-family: 'IBM Plex Mono'; font-family: 'IBM Plex Mono';
src: url("/assets/fonts/IBMPlexMono.ttf"); src: url("/assets/fonts/IBMPlexMono.ttf");
} }
@font-face { @font-face {
font-family: 'Open Sans'; font-family: 'Open Sans';
src: url("/assets/fonts/OpenSans-Regular.ttf"); src: url("/assets/fonts/OpenSans-Regular.ttf");
} }
:root { :root {
--bg: #2A2D34; --bg: #2A2D34;
--light_bg: #414652; --light_bg: #414652;
--fg: #fefefe; --fg: #fefefe;
--link: #009DDC; --link: #009DDC;
--link_h: #009B72; --link_h: #009B72;
--link_v: #ACACDE; --link_v: #ACACDE;
} }
blockquote { blockquote {
border-left: 5px solid var(--light_bg); border-left: 5px solid var(--light_bg);
border-radius: 5px; border-radius: 5px;
margin-left: 10px; margin-left: 10px;
padding-left: 7px; padding-left: 7px;
} }
body { body {
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
background-color: var(--bg); background-color: var(--bg);
color: var(--fg); color: var(--fg);
margin-right: 27vw; margin-right: 27vw;
margin-left: 27vw; margin-left: 27vw;
text-align: justify; text-align: justify;
text-justify: auto; text-justify: auto;
font-size: 16px; font-size: 16px;
} }
p, ul { p, ul {
margin-top: 10px; margin-top: 10px;
line-height: 1.55em; line-height: 1.55em;
} }
li>ul { li>ul {
margin-top: 0; margin-top: 0;
margin-left: 15px; margin-left: 15px;
list-style-type: circle; list-style-type: circle;
} }
img { img {
margin-top: 15px; margin-top: 15px;
margin-bottom: 5px; margin-bottom: 5px;
width: 100%; width: 100%;
} }
a { a {
color: var(--link); color: var(--link);
} }
a:visited { a:visited {
color: var(--link_v); color: var(--link_v);
} }
a:hover { a:hover {
color: var(--link_h); color: var(--link_h);
} }
nav { nav {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
flex-wrap: wrap; flex-wrap: wrap;
} }
.filler { .filler {
flex-grow: 2; flex-grow: 2;
} }
nav>a { nav>a {
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
padding: 10px; padding: 10px;
} }
nav>a:visited, nav>a:hover, nav>a { nav>a:visited, nav>a:hover, nav>a {
color: var(--fg); color: var(--fg);
text-decoration: none; text-decoration: none;
} }
nav>a:not(#home_link) { nav>a:not(#home_link) {
margin-left: 25px; margin-left: 25px;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: 'JetBrains Mono', sans-serif; font-family: 'JetBrains Mono', sans-serif;
font-weight: bold; font-weight: bold;
margin-top: 20px; margin-top: 20px;
margin-bottom: 10px; margin-bottom: 10px;
} }
ul { ul {
list-style: disc; list-style: disc;
list-style-position: inside; list-style-position: inside;
} }
h1 { h1 {
font-size: 2.5em; font-size: 2.5em;
} }
h2 { h2 {
font-size: 1.85em; font-size: 1.85em;
} }
h3 { h3 {
font-size: 1.65em; font-size: 1.65em;
} }
h4 { h4 {
font-size: 1.45em; font-size: 1.45em;
} }
h5 { h5 {
font-size: 1.35em; font-size: 1.35em;
} }
h6 { h6 {
font-size: 1.25em; font-size: 1.25em;
} }
b, strong { b, strong {
font-weight: bold; font-weight: bold;
} }
em, i { em, i {
font-style: italic; font-style: italic;
} }
.articles { .articles {
margin-left: 10px; margin-left: 10px;
} }
footer { footer {
font-size: 14px; font-size: 14px;
margin-bottom: 100px; margin-bottom: 100px;
} }
pre { pre {
margin-bottom: 5px; margin-bottom: 5px;
margin-top: 5px; margin-top: 5px;
} }
pre>code { pre>code {
padding: 10px; padding: 10px;
display: block; display: block;
overflow: auto; overflow: auto;
line-height: 1.35em; line-height: 1.35em;
} }
code { code {
padding: 2px 5px 2px 5px; padding: 2px 5px 2px 5px;
border-radius: 5px; border-radius: 5px;
background-color: var(--light_bg); background-color: var(--light_bg);
font-family: 'IBM Plex Mono', monospace; font-family: 'IBM Plex Mono', monospace;
} }
.date { .date {
@ -178,24 +178,24 @@ code {
} }
@media screen and (max-width: 992px) { @media screen and (max-width: 992px) {
body { body {
margin-right: 10vw; margin-right: 10vw;
margin-left: 10vw; margin-left: 10vw;
} }
nav>a:not(#home_link) { nav>a:not(#home_link) {
margin-left: 5px; margin-left: 5px;
} }
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
body { body {
margin-right: 5vw; margin-right: 5vw;
margin-left: 5vw; margin-left: 5vw;
} }
nav>a:not(#home_link) { nav>a:not(#home_link) {
margin-left: 0px; margin-left: 0px;
} }
blockquote { blockquote {
margin-left: 0px; margin-left: 0px;
} }
} }