From 30a37806636d623597d9ba151010c2511208461d Mon Sep 17 00:00:00 2001 From: sorrel Date: Thu, 8 Feb 2024 22:34:57 -0500 Subject: [PATCH] fix invalid html issues add doctype. remove duplicate main tag from page-builder. change spans to divs where there are p children --- oxaliq.net.rkt | 4 ++- source/index.scm | 77 ++++++++++++++++++++++------------------- static/style/styles.css | 24 ++++++------- 3 files changed, 57 insertions(+), 48 deletions(-) diff --git a/oxaliq.net.rkt b/oxaliq.net.rkt index d9008a4..3ad3175 100644 --- a/oxaliq.net.rkt +++ b/oxaliq.net.rkt @@ -176,7 +176,9 @@ (define (make-page resource static-write) (string->bytes/utf-8 (static-write - (fragment->page resource)))) + (string-append + "\n" + (fragment->page resource))))) (define (fragment->page resource) (xexpr->string diff --git a/source/index.scm b/source/index.scm index b4a116e..e03dac6 100644 --- a/source/index.scm +++ b/source/index.scm @@ -1,6 +1,7 @@ -(main +(article + ((id "oxaliq-dot-net-index")) (noscript - (span + (div ((class "noscript")) (p "hey! yr not letting yr browser execute javascript served by my page.") (p "that's cool!") @@ -24,42 +25,48 @@ a nice time building this little thing ") (p " i hope you have a nice time looking at things here") (hr) - (p (span ((class "hx-target")) - (a ((href "/this") - (hx-get "/hx/this") - (hx-target "closest span") - (hx-swap "innerHTML")) - "(how i build this little page)"))) - (p (span ((class "hx-target")) - (a ((href "/now") - (hx-get "/hx/now") - (hx-target "closest span") - (hx-swap "innerHTML")) + (div ((class "hx-target")) + (p + (a ((href "/this") + (hx-get "/hx/this") + (hx-target "closest div.hx-target") + (hx-swap "innerHTML")) + "(how i build this little page)"))) + (div ((class "hx-target")) + (p + (a ((href "/now") + (hx-get "/hx/now") + (hx-target "closest div.hx-target") + (hx-swap "innerHTML")) "(what i'm doing)"))) - (p (span ((class "hx-target")) - (a ((href "/about") - (hx-get "/hx/about") - (hx-target "closest span") - (hx-swap "innerHTML")) - "(who i am)"))) - (p (span ((class "hx-target")) - (a ((href "/contact") - (hx-get "/hx/contact") - (hx-target "closest span") - (hx-swap "innerHTML")) + (div ((class "hx-target")) + (p + (a ((href "/about") + (hx-get "/hx/about") + (hx-target "closest div.hx-target") + (hx-swap "innerHTML")) + "(who i am)"))) + (div ((class "hx-target")) + (p + (a ((href "/contact") + (hx-get "/hx/contact") + (hx-target "closest div.hx-target") + (hx-swap "innerHTML")) "(how to say hi to me)"))) - (p (span ((class "hx-target")) - (a ((href "/very-earnest-disclaimer") - (hx-get "/hx/very-earnest-disclaimer") - (hx-target "closest span") - (hx-swap "innerHTML")) + (div ((class "hx-target")) + (p + (a ((href "/very-earnest-disclaimer") + (hx-get "/hx/very-earnest-disclaimer") + (hx-target "closest div.hx-target") + (hx-swap "innerHTML")) "(a very earnest disclaimer)"))) -; (p (span ((class "hx-target")) -; (a ((href "/links") -; (hx-get "/hx/links") -; (hx-target "closest span") -; (hx-swap "innerHTML")) -; "(some things i think are neat)"))) +; (div ((class "hx-target")) +; (p +; (a ((href "/links") +; (hx-get "/hx/links") +; (hx-target "closest div.hx-target") +; (hx-swap "innerHTML")) +; "(some things i think are neat)"))) (p (a ((href "static/license/license.txt")) "license")) (p (a ((href "/tagged")) diff --git a/static/style/styles.css b/static/style/styles.css index f9a3a1d..373b7f1 100644 --- a/static/style/styles.css +++ b/static/style/styles.css @@ -35,26 +35,26 @@ h1, h2, h3, h4, h5 { font-family: 'Courier New', Courier, monospace; color: var(--background-color); background-color: var(--visited-link-color); - padding: 2 10; + padding: 2px 10px; } h5 { - margin: 2 0; + margin: 2px 0px; } -span.noscript p { +div.noscript p { font-family: 'Courier New', Courier, monospace; font-size: small; } -span.hx-target section { +div.hx-target section { border: solid 1px var(--link-color); border-radius: 4px; - padding: 5 10; - margin: 3; + padding: 5px 10px; + margin: 3px; } -span.hx-target footer { +div.hx-target footer { display: none; } @@ -78,7 +78,7 @@ a:not(.ascii a):not(a[hx-get*="hx"])::before { } body { - max-width: 600; + max-width: 600px; margin: auto; font-size: medium; font-family: sans-serif; @@ -128,21 +128,21 @@ nav a { } p { - margin: 12 0; + margin: 12px 0px; } ul.tag-list { display: flex; flex-direction: row; flex-wrap: wrap; - margin: 6 0; - padding: 0; + margin: 6px 0px; + padding: 0px; } li.tag-item { list-style-type: none; flex-basis: fit-content; - margin: 0 6; + margin: 0px 6px; } img {