Some fixes, also, more terminal look and feel.
This commit is contained in:
parent
7be4139a5f
commit
09d68f6617
|
@ -6,14 +6,14 @@
|
||||||
body {
|
body {
|
||||||
font-family: Menlo, Monaco, monospace;
|
font-family: Menlo, Monaco, monospace;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
line-height: 1.5em;
|
line-height: 1em;
|
||||||
}
|
}
|
||||||
code {
|
code {
|
||||||
font-family: Menlo, Monaco, monospace;
|
font-family: Menlo, Monaco, monospace;
|
||||||
}
|
}
|
||||||
pre, pre code {
|
pre, pre code {
|
||||||
font-family: Menlo, Monaco, monospace;
|
font-family: Menlo, Monaco, monospace;
|
||||||
line-height: 14px;
|
line-height: 1em;
|
||||||
}
|
}
|
||||||
.todo, .done {
|
.todo, .done {
|
||||||
font-family: Menlo, Monaco, monospace;
|
font-family: Menlo, Monaco, monospace;
|
||||||
|
@ -219,7 +219,7 @@ navigation > a {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
#content,.content {
|
#content,.content {
|
||||||
max-width: 51em;
|
max-width: 43em;
|
||||||
margin: 0 1em;
|
margin: 0 1em;
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
}
|
}
|
||||||
|
@ -469,7 +469,7 @@ input#modern:checked ~ .main h6::before {
|
||||||
input#modern:target ~ .main pre,
|
input#modern:target ~ .main pre,
|
||||||
input#modern:checked ~ .main pre {
|
input#modern:checked ~ .main pre {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 15px;
|
line-height: 1em;
|
||||||
border-left: solid 4px var(--soft-foreground);
|
border-left: solid 4px var(--soft-foreground);
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
}
|
}
|
||||||
|
|
|
@ -41,7 +41,7 @@ priority:
|
||||||
javascript, no web-font, not too much CSS magic, not much images or really
|
javascript, no web-font, not too much CSS magic, not much images or really
|
||||||
compressed one.
|
compressed one.
|
||||||
|
|
||||||
Some of the constraints are straightforward to get, some other not.
|
Some of the constraints are straightforward to get, some not.
|
||||||
|
|
||||||
You can also check that not using more resources one of the theme of my
|
You can also check that not using more resources one of the theme of my
|
||||||
website looks quite more classical and modern that my preferred ones.
|
website looks quite more classical and modern that my preferred ones.
|
||||||
|
@ -145,11 +145,10 @@ use almost 350 line to handle those.
|
||||||
:CUSTOM_ID: css-theme-selection
|
:CUSTOM_ID: css-theme-selection
|
||||||
:END:
|
:END:
|
||||||
|
|
||||||
One of think that wasn't straightforward while writing the CSS was about
|
One thing that wasn't straightforward while writing the CSS was to provide
|
||||||
providing a user controlled theme.
|
an interactive theme selector without any javascript involved.
|
||||||
So click and change theme and without any javascript involved.
|
That theme switcher is really the limit I can concede to modern standards
|
||||||
That theme changer is really the limit up to which I agree to concede to
|
because it is CSS only.
|
||||||
modern standards because it is CSS only.
|
|
||||||
|
|
||||||
The trick is to provide one checkbox per theme at the beginning of the body
|
The trick is to provide one checkbox per theme at the beginning of the body
|
||||||
of the HTML.
|
of the HTML.
|
||||||
|
@ -210,8 +209,8 @@ I also added a system to support theme using fragment in the URL.
|
||||||
}
|
}
|
||||||
#+end_src
|
#+end_src
|
||||||
|
|
||||||
Unfortunately, the fragment system take full priority other the checkbox
|
Unfortunately, for now the fragment system take full priority other the
|
||||||
mechanism.
|
checkbox mechanism.
|
||||||
|
|
||||||
Regarding selecting the user preferred theme, there are plenty of tutorial
|
Regarding selecting the user preferred theme, there are plenty of tutorial
|
||||||
on the internet, you could also simply steal my CSS.
|
on the internet, you could also simply steal my CSS.
|
||||||
|
|
|
@ -53,7 +53,7 @@ Soon after that, you realize the acting of all actors is extremely bad.
|
||||||
In fact, it is so bad, you might not believe me how bad it is.
|
In fact, it is so bad, you might not believe me how bad it is.
|
||||||
To give you an idea, the only equal bad acting I ever witnessed was while
|
To give you an idea, the only equal bad acting I ever witnessed was while
|
||||||
looking at amateurs first Youtube movies trying to follow a scenario.
|
looking at amateurs first Youtube movies trying to follow a scenario.
|
||||||
Apparently all actor were amateurs, it was their first and last movie.
|
Apparently most actors were amateurs, it was their first and last movie.
|
||||||
|
|
||||||
#+CAPTION: One particularly terrible acting scene
|
#+CAPTION: One particularly terrible acting scene
|
||||||
#+NAME: fig:bad-acting
|
#+NAME: fig:bad-acting
|
||||||
|
|
|
@ -19,4 +19,4 @@
|
||||||
|
|
||||||
- [2018-03-15 Thu]
|
- [2018-03-15 Thu]
|
||||||
[[file:slides/Intro-to-FP-with-Haskell.org][Introduction à la programmation fonctionnelle avec Haskell]]
|
[[file:slides/Intro-to-FP-with-Haskell.org][Introduction à la programmation fonctionnelle avec Haskell]]
|
||||||
is a small French talk introducing Haskell.
|
is a French talk introducing Functional programming concept with Haskell.
|
||||||
|
|
Loading…
Reference in a new issue