small css change and a minor fix
This commit is contained in:
Yann Esposito (Yogsototh)
parent
0953590101
commit
767cc09206
GPG key ID:
7B19A4C650D59646
2
Makefile
2
Makefile
|
|
@ -10,7 +10,7 @@ NO_DRAFT := -not -path '$(SRC_DIR)/drafts/*'
|
|||
# we don't copy source files
|
||||
NO_SRC_FILE := ! -name '*.org' ! -name '*.css'
|
||||
|
||||
|
||||
# all files are copied from src to dest
|
||||
define adv_rule
|
||||
SRC_$(1) := $$(shell find $$(SRC_DIR) -type f $(2))
|
||||
DST_$(1) := $$(patsubst $$(SRC_DIR)/%,$$(DST_DIR)/%,$$(SRC_$(1)))
|
||||
|
|
|
|||
|
|
@ -406,7 +406,7 @@ Enter space-separated list of methods (ex: GET POST): GET</code></pre>
|
|||
<p>If, on the other hand, you don’t know Haskell, then you shouldn’t jump directly to web programming with it. Haskell is a very complex and unusual language. My advice to go as fast as possible in using Haskell for web programming is:</p>
|
||||
<ol type="1">
|
||||
<li>Start by <a href="http://tryhaskell.org">trying Haskell in your browser</a></li>
|
||||
<li>Read my tutorial <a href="https://www.fpcomplete.com/school/haskell-fast-hard">Learn Haskell Fast and Hard on School of Haskell</a> or directly <a href="../../../../Scratch/en/blog/Haskell-the-Hard-Way/">on this blog</a></li>
|
||||
<li>Read my tutorial <a href="../../../../Scratch/en/blog/Haskell-the-Hard-Way/">Learn Haskell Fast and Hard on School of Haskell</a></li>
|
||||
<li>Then read the excellent <a href="http://learnyouahaskell.com">Learn you a Haskell for Great Good</a></li>
|
||||
<li>If you have difficulty understanding concepts like monads, you should really read <a href="http://homepages.inf.ed.ac.uk/wadler/topics/monads.html">these articles</a>. For me they were enlightening.</li>
|
||||
<li>If you feel confident, you should be able to follow the <a href="http://yesodweb.com/book">Yesod book</a> but if you find it difficult to follow the Yesod book, you should read <a href="http://book.realworldhaskell.org">real world Haskell</a> first.</li>
|
||||
|
|
|
|||
|
|
@ -4,20 +4,16 @@ html {
|
|||
line-height: 1.5;
|
||||
}
|
||||
html,body { margin: 0; padding: 0; border: 0; }
|
||||
body { padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
border-top: solid 5px var(--y);
|
||||
body {border-top: solid 5px var(--y);
|
||||
border-bottom: solid 5px var(--y);
|
||||
box-sizing: border-box; min-height: 100vh;
|
||||
}
|
||||
box-sizing: border-box; min-height: 100vh;}
|
||||
* { block-sizing: border-box; }
|
||||
|
||||
#toc,#TOC {text-align: left;}
|
||||
.main { min-height: calc(100vh - 1em); }
|
||||
h1,h2,h3,h4,h5,h6,.abstract {
|
||||
h1,h2,h3,h4,h5,h6,.abstract,nav,.meta {
|
||||
font-family: "PT Sans Narrow", sans-serif;
|
||||
line-height: calc(1ex/0.42);
|
||||
margin: 1rem 0; }
|
||||
line-height: calc(1ex/0.42); }
|
||||
header > .content > h1 { margin: 0 0 1rem 0; }
|
||||
p { text-align: justify; hyphens: auto; }
|
||||
pre { overflow-x: scroll; padding: 1em; border-left: dotted 1px; }
|
||||
|
|
@ -26,8 +22,8 @@ code,pre { font-family: "PT Mono", monospace; font-size: 0.825em; }
|
|||
code { padding: 1px 3px; }
|
||||
figure { margin: 1rem 0; padding: 0; }
|
||||
hr { opacity: 0.3; }
|
||||
.meta { font-size: small;}
|
||||
.details { display: inline-block; min-width: 13em; font-size: small; }
|
||||
.meta { font-size: small; text-align: right;}
|
||||
.details { display: inline-block; min-width: 9em; font-size: small; }
|
||||
.abstract,.notes { margin: 1rem 10% 0; font-size: 0.875em; }
|
||||
.notes { border: dotted 1px; padding: 1em 2em;}
|
||||
.abstract { font-style: italic; }
|
||||
|
|
@ -38,11 +34,6 @@ hr { opacity: 0.3; }
|
|||
.post-title > a { padding: 0.5em; }
|
||||
}
|
||||
|
||||
#logo { display: block;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
float: left;
|
||||
}
|
||||
#logo svg { width: 5em; }
|
||||
/* For assistive technology we sometime want to keep a text in a link */
|
||||
/* while not showing it. */
|
||||
|
|
@ -59,15 +50,19 @@ hr { opacity: 0.3; }
|
|||
}
|
||||
header, footer { text-align: center; }
|
||||
main#content { clear: both; }
|
||||
#content,.content,footer {
|
||||
#content,.content {
|
||||
padding: 1rem;
|
||||
max-width: 65ch;
|
||||
overflow: hidden;
|
||||
margin: 0 auto;
|
||||
}
|
||||
header { padding-top: 5px; max-width: 80ch; margin: 0 auto;}
|
||||
header { padding-top: 5px; margin: 0 auto; }
|
||||
header { border-bottom: 1px solid; }
|
||||
footer { border-top: 1px solid; }
|
||||
header > .content { padding-top: 0; text-align: left; }
|
||||
header > .content > h1 { padding: 0; margin: 0; text-align: left; }
|
||||
header > .content > h1 { padding: 0; margin: 0; text-align: center; }
|
||||
header > .content > h1:before { content: "("; opacity: 0.2; }
|
||||
header > .content > h1:after { content: ")"; opacity: 0.2; }
|
||||
figure img { width: 100%; }
|
||||
|
||||
#logo svg:hover .e { fill: rgba(255,255,255,0.5); }
|
||||
|
|
@ -90,11 +85,10 @@ sub { top: 0.4em; }
|
|||
.footdef > sup > a { padding: 0.5em; }
|
||||
.footpara { display: inline; }
|
||||
footer { padding: 0;
|
||||
border-top: solid 1px;
|
||||
border-bottom: solid 1px;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
footer > .content { margin: 0; padding: 0; }
|
||||
footer > .content { margin: 0 auto; padding: 0; }
|
||||
table { margin: 1rem 0; line-height: 1em; max-width: 100%; overflow: scroll;
|
||||
display: block;
|
||||
border: solid 1px;}
|
||||
|
|
@ -127,6 +121,7 @@ figcaption { text-align: right; font-style: italic; font-size: 0.875em; }
|
|||
--g: #879a00;
|
||||
|
||||
--bg: #fff;
|
||||
--bg2: #fe8;
|
||||
--fg: hsl(218,20%,15%);
|
||||
--hl: #000;
|
||||
--soft: hsl(218,20%,85%);
|
||||
|
|
@ -149,6 +144,7 @@ img:hover,svg:hover { filter: none; }
|
|||
--c: #15a198;
|
||||
--g: #939452;
|
||||
--bg: hsl(218,20%,12%);
|
||||
--bg2: #069;
|
||||
--fg: hsl(218,20%,70%);
|
||||
--hl: hsl(218,10%,93%);
|
||||
--soft: hsl(218,20%,35%);
|
||||
|
|
@ -185,6 +181,8 @@ a:hover { color: var(--o);
|
|||
.todo,.done { background: var(--r); color: #FFF; font-weight: bold; font-size: .66em; padding: .2em;}
|
||||
.done { background: var(--g); }
|
||||
|
||||
header,footer { background: var(--bg2); border-color: var(--y); }
|
||||
|
||||
/* LEGACY */
|
||||
.inlineblockimg { display: inline-block; }
|
||||
.inlineblockimg > img { display: inline-block; vertical-align: middle; width: 3em; }
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
<a href="/">
|
||||
<div class="vis-hidden">Go to Home</div>
|
||||
<svg width="5em" viewBox="0 0 64 64">
|
||||
<circle cx="32" cy="32" r="30" stroke="#a3aec2" stroke-width="1" fill="#2E3440"></circle>
|
||||
<circle cx="32" cy="32" r="30" stroke="#000" stroke-width="1" fill="#2E3440"></circle>
|
||||
<circle class="i1" cx="32" cy="32" r="12" stroke="#800" stroke-width="1" fill="#c20"></circle>
|
||||
<circle class="i0" cx="32" cy="32" r="5" stroke-width="1" stroke="#f60" fill="#fa0"></circle>
|
||||
<ellipse class="e" cx="32" cy="14" rx="14" ry="8" stroke-width="0" fill="#FFF"></ellipse>
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
<a href="/">
|
||||
<div class="vis-hidden">Go to Home</div>
|
||||
<svg width="5em" viewBox="0 0 64 64">
|
||||
<circle cx="32" cy="32" r="30" stroke="#a3aec2" stroke-width="1" fill="#2E3440"></circle>
|
||||
<circle cx="32" cy="32" r="30" stroke="#00" stroke-width="1" fill="#2E3440"></circle>
|
||||
<circle class="i1" cx="32" cy="32" r="12" stroke="#800" stroke-width="1" fill="#c20"></circle>
|
||||
<circle class="i0" cx="32" cy="32" r="5" stroke-width="1" stroke="#f60" fill="#fa0"></circle>
|
||||
<ellipse class="e" cx="32" cy="14" rx="14" ry="8" stroke-width="0" fill="#FFF"></ellipse>
|
||||
|
|
|
|||
Loading…
Reference in a new issue