diff --git a/app/assets/images/cms/large.webp b/app/assets/images/cms/large.webp new file mode 100644 index 0000000..d030615 Binary files /dev/null and b/app/assets/images/cms/large.webp differ diff --git a/app/assets/images/cms/standard.webp b/app/assets/images/cms/standard.webp new file mode 100644 index 0000000..3c1a286 Binary files /dev/null and b/app/assets/images/cms/standard.webp differ diff --git a/app/views/cards/_card_full_image.haml b/app/views/cards/_card_full_image.haml new file mode 100644 index 0000000..6d8fdd2 --- /dev/null +++ b/app/views/cards/_card_full_image.haml @@ -0,0 +1,7 @@ +%a.group.overflow-hidden.relative.flex.h-96.w-full.items-end.bg-black{:href => "#"} + = image_for( element , "absolute inset-0 h-full w-full object-cover hover:scale-110 ease-in duration-700") + .relative.w-full.bg-cyan-600.m-2.p-4.text-center.tracking-widest.text-white.transition-colors.group-hover:bg-cyan-700{:class => "sm:w-1/2"} + %h3.text-lg.uppercase + = element["header"] + %p.mt-1.text-xs.font-medium + = element["text"] diff --git a/app/views/sections/_section_2_col.haml b/app/views/sections/_section_2_col.haml new file mode 100644 index 0000000..7803ec4 --- /dev/null +++ b/app/views/sections/_section_2_col.haml @@ -0,0 +1,11 @@ +.flex.flex-col.bg-cyan-100.mx-5 + .flex.items-center.justify-center.flex-1 + .max-w-prose.px-4.py-8.mx-auto.text-center + %h1.text-2xl.font-bold.tracking-tight.text-gray-900.sm:text-4xl + = section["header"] + %p.mt-4.text-gray-500 + = section["text"] + - template = "cards/" + section["element_template"] + .grid.grid-cols-2.gap-4 + - section["elements"].each do |element| + = render( template , element: element) diff --git a/app/views/sections/_section_full_up.haml b/app/views/sections/_section_full_up.haml index 884250c..09dcf27 100644 --- a/app/views/sections/_section_full_up.haml +++ b/app/views/sections/_section_full_up.haml @@ -1,10 +1,7 @@ .flex.flex-col.bg-white - %img.object-cover.w-full.h-96{:alt => "", :src => "https://images.unsplash.com/photo-1558769132-cb1aea458c5e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1548&q=80"}/ .flex.items-center.justify-center.flex-1 .max-w-xl.px-4.py-8.mx-auto.text-center %h1.text-2xl.font-bold.tracking-tight.text-gray-900.sm:text-4xl = section["header"] %p.mt-4.text-gray-500 = section["text"] - %a.inline-block.px-5.py-3.mt-6.text-sm.font-medium.text-white.bg-indigo-600.rounded.hover:bg-indigo-700.focus:outline-none.focus:ring{:href => "#"} - = section["button"]["text"] diff --git a/cms/studios.yaml b/cms/studios.yaml new file mode 100644 index 0000000..2a84c52 --- /dev/null +++ b/cms/studios.yaml @@ -0,0 +1,22 @@ +- template: section_2_col + header: Sizes and kinds + text: + We offer different sizes and different types of studios for artists. There large and small rooms, with more or less light, also rooms with tiles for wet-work. + The rooms are in the old hospital wings, so most are old patient rooms, but there are plenty of others too. + Prices do not include electricity or vat, but do include the use of common spaces, see below. + image: makerspace.webp + element_template: card_full_image + elements: + - header: Standard + text: + This is the standard 2 patient room. They are mostly towards the south, + so may have great, or too much light, depending on how you see it. + The size is about 3x5, cost 120e. + image: standard.webp + - header: Large + text: + The old 4 patient rooms are basically twice the size as the small. + They are large enough to be shared. + The size is about 30m2 and the cost 240e. + Like the small rooms these are south facing, very light. + image: large.webp