From 767cc09206b761726ea607a8f63b56caa9a84973 Mon Sep 17 00:00:00 2001 From: "Yann Esposito (Yogsototh)" Date: Fri, 14 Jun 2024 12:32:16 +0200 Subject: [PATCH] small css change and a minor fix --- Makefile | 2 +- .../Yesod-tutorial-for-newbies/index.html | 2 +- src/css/y.css | 40 +++++++++---------- templates/index.html | 2 +- templates/post.html | 2 +- 5 files changed, 23 insertions(+), 25 deletions(-) diff --git a/Makefile b/Makefile index 6b78135..48dd558 100644 --- a/Makefile +++ b/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))) diff --git a/src/Scratch/en/blog/Yesod-tutorial-for-newbies/index.html b/src/Scratch/en/blog/Yesod-tutorial-for-newbies/index.html index 44ba192..34fd6fa 100644 --- a/src/Scratch/en/blog/Yesod-tutorial-for-newbies/index.html +++ b/src/Scratch/en/blog/Yesod-tutorial-for-newbies/index.html @@ -406,7 +406,7 @@ Enter space-separated list of methods (ex: GET POST): GET

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:

  1. Start by trying Haskell in your browser
    2. -
  2. Read my tutorial Learn Haskell Fast and Hard on School of Haskell or directly on this blog
    3. +
  3. Read my tutorial Learn Haskell Fast and Hard on School of Haskell
  4. Then read the excellent Learn you a Haskell for Great Good
  5. If you have difficulty understanding concepts like monads, you should really read these articles. For me they were enlightening.
  6. If you feel confident, you should be able to follow the Yesod book but if you find it difficult to follow the Yesod book, you should read real world Haskell first.
    7. diff --git a/src/css/y.css b/src/css/y.css index c306605..9a25d09 100644 --- a/src/css/y.css +++ b/src/css/y.css @@ -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; } diff --git a/templates/index.html b/templates/index.html index add756b..e81b36f 100644 --- a/templates/index.html +++ b/templates/index.html @@ -20,7 +20,7 @@
    Go to Home
    - + diff --git a/templates/post.html b/templates/post.html index 00b4b87..99ad66b 100644 --- a/templates/post.html +++ b/templates/post.html @@ -22,7 +22,7 @@
    Go to Home
    - +