rhi
/
gallery
1
0
Fork 0
Code Issues 5 Pull Requests 1 Releases Wiki Activity

Compare commits

base: rhi:fbd7338a7789a791c3c551023e5db9ae49d668ea
Branches Tags
rhi:🎨
rhi:jxl
rhi:ginger
...
compare: rhi:3bbe9d61097a84e5fb7b1fae2f8a17f11fe0cd95
Branches Tags
rhi:🎨
rhi:jxl
rhi:ginger

6 Commits
fbd7338a77 ... 3bbe9d6109

Author SHA1 Message Date
Rhiannon Morris 3bbe9d6109 no line breaks for years 2021-05-29 04:49:11 +02:00
Rhiannon Morris 2e0a51dcbc make page width more suitable for huge screens 2021-05-28 02:30:55 +02:00
Rhiannon Morris 08d4c065ac shift shaped images into the margin a little bit 2021-05-24 13:04:21 +02:00
Rhiannon Morris 50d34bbd70 use min-height instead of height 2021-05-24 13:03:47 +02:00
Rhiannon Morris cae894c7ba look through symlink for data dir 2021-05-24 12:58:28 +02:00
Rhiannon Morris 3f77e880a6 tweak makefile 2021-05-05 13:45:22 +02:00
5 changed files with 10 additions and 12 deletions
Show Stats Expand all files Collapse all files

6
Makefile
View File

@ -1,4 +1,4 @@
CABALFLAGS ?= --verbose=0 --jobs -O CABALFLAGS ?= --jobs --enable-optimization
DATADIR := data DATADIR := data
TMPDIR := _tmp TMPDIR := _tmp
@ -13,7 +13,7 @@ MEDH := 1200
MAKEPAGES := $(TMPDIR)/make-pages MAKEPAGES := $(TMPDIR)/make-pages
YAMLS != find $(DATADIR) -name $(INFONAME) YAMLS != find -L $(DATADIR) -name $(INFONAME)
SCRIPTS != find script -name '*.js' SCRIPTS != find script -name '*.js'
STYLES != find style -name '*.css' STYLES != find style -name '*.css'
@ -73,7 +73,7 @@ $(TMPDIR)/index.mk: $(DATADIR)/index.yaml $(YAMLS) $(MAKEPAGES)
NODEPS := mostlyclean clean distclean list-tags NODEPS := mostlyclean clean distclean list-tags
GOALS := $(if $(strip $(MAKECMDGOALS)),$(strip $(MAKECMDGOALS)),all) GOALS := $(if $(strip $(MAKECMDGOALS)),$(strip $(MAKECMDGOALS)),all)
ifneq ($(filter-out $(NODEPS),$(GOALS)),) ifneq ($(filter-out $(NODEPS),$(GOALS)),)
-include $(TMPDIR)/index.mk include $(TMPDIR)/index.mk
endif endif

2
make-pages/IndexPage.hs
View File

@ -16,7 +16,7 @@ make' root (IndexInfo {title, desc, galleries, links, footer}) = [b|@0
<link rel=stylesheet href=/style/shiny/index.css> <link rel=stylesheet href=/style/shiny/index.css>
<link rel=icon href=/style/niss.svg> <link rel=icon href=/style/niss.svg>
<meta name=viewport content="width=1200,viewport-fit=cover"> <meta name=viewport content="width=1200">
<meta property=og:type content=og:website> <meta property=og:type content=og:website>
<meta property=og:title content="$title"> <meta property=og:title content="$title">

11
style/shiny/gallery.css
View File

@ -4,14 +4,10 @@
:root { :root {
--image-size: 200px; --image-size: 200px;
--gap: 1em; --gap: 1em;
--cols: 5;
} }
.page { @media (min-width: 1000px) {
max-width: calc( .page { max-width: 80%; }
var(--cols) * var(--image-size) +
(var(--cols) - 1) * var(--gap)
);
} }
#filters div { #filters div {
@ -141,7 +137,8 @@ figcaption .title { bottom: -1px; left: -1px; }
.date { text-transform: lowercase; } .date { text-transform: lowercase; }
.year-marker { .year-marker {
grid-area: auto / 1; /* uncomment to reenable line breaks before year markers */
/* grid-area: auto / 1; */
padding: var(--border-thickness); padding: var(--border-thickness);
} }

2
style/shiny/index.css
View File

@ -1,7 +1,7 @@
@import url(base.css); @import url(base.css);
:root { :root {
height: 100vh; min-height: 100vh;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

1
style/shiny/single.css
View File

@ -147,6 +147,7 @@
/* maybe one day... */ /* maybe one day... */
/* shape-outside: attr(src url); */ /* shape-outside: attr(src url); */
shape-margin: 1em; shape-margin: 1em;
margin-right: -1em;
filter: drop-shadow(5px 5px 8px #0006); filter: drop-shadow(5px 5px 8px #0006);
} }