From d6c63e4aafd0969d22b1f060bac4628d13300fc5 Mon Sep 17 00:00:00 2001 From: Rhiannon Morris Date: Wed, 18 May 2022 04:44:15 +0200 Subject: [PATCH] start of comm page --- Makefile | 4 ++-- comms.css | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ comms.html | 42 ++++++++++++++++++++++++++++++++ 3 files changed, 114 insertions(+), 2 deletions(-) create mode 100644 comms.css create mode 100644 comms.html diff --git a/Makefile b/Makefile index f909f7c..c7e5724 100644 --- a/Makefile +++ b/Makefile @@ -1,6 +1,6 @@ FONTS = $(shell find fonts -type f) -CSS = style.css where.css -PAGES = index.html where.html pubkey.txt +CSS = style.css where.css comms.css +PAGES = index.html where.html comms.html pubkey.txt MEDIA = $(patsubst %,media/%, \ bg.png bg_2x.png bg_dim.png bg_2x_dim.png snugl.png \ mlem.gif mlem_static.png cybre.png donphan.png types.png \ diff --git a/comms.css b/comms.css new file mode 100644 index 0000000..fe45cc0 --- /dev/null +++ b/comms.css @@ -0,0 +1,70 @@ +@import url(style.css); + +:root { + --img-width: 1050px; + --img-height: 875px; +} + + +main { + max-width: calc(var(--img-width) + 150px); +} + +#examples { + height: var(--img-height); + + display: grid; + grid-template-columns: 1fr 1fr 1fr; + + filter: drop-shadow(0 0 30px var(--glow-col)); +} + +#examples, #terms { + width: var(--img-width); + padding: 1.5em; + box-sizing: border-box; + margin: 1em auto; + + border: 3px solid var(--glow-col); + border-radius: 1em; +} + +#examples section { + display: flex; + flex-direction: column; + justify-content: space-between; +} + +h2::before, h2::after { + content: none; +} + +#examples section > * { + background: hsla(320deg, 40%, 20%, 60%); + font-size: 200%; + font-weight: 500; + margin: 0; +} + +#terms { background: hsla(0deg, 0%, 100%, 75%); } + +#terms { + text-align: left; + + color: black; + text-shadow: none; + font-weight: 400; +} + +details { + margin-top: 1em; +} + +summary > * { + display: inline; +} + +@media (prefers-contrast: high), (prefers-color-scheme: dark) { + #terms { background: hsla(0deg, 0%, 0%, 65%); } + #terms { color: white; } +} diff --git a/comms.html b/comms.html new file mode 100644 index 0000000..4697445 --- /dev/null +++ b/comms.html @@ -0,0 +1,42 @@ + + + + + + + +commission info + +
+
+

commission info

+
+ +
+
+

sketch

+

€25 +

+ +
+

flat

+

€45 +

+ +
+

shaded

+

€60 +

+
+ +
+
    +
  • complex characters, backgrounds, etc, might cost extra. ask to make sure! +
  • blah blah +
+
+ + +