further theming

This commit is contained in:
flupe 2021-03-18 15:37:29 +01:00
parent 53eefddc2e
commit c3e0305df5
3 changed files with 18 additions and 8 deletions

View File

@ -15,14 +15,14 @@
--text-strong: #434c5e; --text-strong: #434c5e;
--text: #4c566a; --text: #4c566a;
--dark: #d8dee9; --dark: #d8dee9;
--darker: #4c566a; --darker: #d8dee9;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--background: #3b4252; --background: #3b4252;
--dark: #3b4252; --dark: #3b4252;
--darker: #000; --darker: #2e3440;
--text-strong: #fff; --text-strong: #fff;
--text: #d8dee9; --text: #d8dee9;
--text-faded: #9ea6b5; --text-faded: #9ea6b5;
@ -97,11 +97,15 @@ a:hover {text-decoration: underline}
hr { hr {
border: none; border: none;
height: 2px; height: 2px;
background: var(--dark); background: var(--darker);
margin: 2.5em 0; margin: 2.5em 0;
} }
#pidx { list-style: none; padding: 0 } #pidx {
list-style: none;
padding: 0;
margin: 2em 0 0;
}
#pidx li {line-height: 1.6em} #pidx li {line-height: 1.6em}
#pidx li > span { #pidx li > span {
font-family: monospace; font-family: monospace;
@ -135,8 +139,12 @@ strong {
width: 100%; width: 100%;
} }
#hd svg path {
stroke: var(--text) !important
}
#hd section > a { #hd section > a {
margin:0 1em 0 0; margin:-2px 1em 0 0;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -310,6 +318,10 @@ section.visual {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
} }
section.visual:not(.tiny) {
grid-template-rows: masonry;
}
section.visual.tiny { section.visual.tiny {
align-items: stretch; align-items: stretch;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));

View File

@ -16,7 +16,7 @@ config = def
, ignore = [ "**/*.agdai" , ignore = [ "**/*.agdai"
, "**/*~" , "**/*~"
] ]
} where root = "/home/flupe/dev/site/" } where root = "/home/flupe/dev/acatalepsie/"
ropts :: Pandoc.ReaderOptions ropts :: Pandoc.ReaderOptions

View File

@ -148,8 +148,6 @@ renderIndex imgs posts content =
, height_ (fromString $ show imgThumbHeight) , height_ (fromString $ show imgThumbHeight)
] ]
p_ [class_ "right"] $ a_ [href_ "/visual.html"] "→ View more visual work"
ul_ [ id_ "pidx" ] $ forM_ posts \post -> ul_ [ id_ "pidx" ] $ forM_ posts \post ->
li_ do li_ do
span_ $ fromString $ showDate (postDate post) span_ $ fromString $ showDate (postDate post)