Job Casebook, Designed Pattern, Pattern Paste Canonical: https://patternpaste.com/designed-patterns/casebook/ Designed Patterns (https://patternpaste.com/designed-patterns/) Gallery (https://patternpaste.com/designed-patterns/?category=gallery) Needs the plugin New # Job Casebook Several finished jobs in one section: choose a job from the thumbnail row, then drag the elastic seam across its before and after photograph beside a docket of tree, work, village and days on site. ## All patterns Search patterns Loading patterns… About this pattern ## Where Job Casebook fits The work page of a tree surgeon, builder or gardener, where several finished jobs each need their before and after and the facts of the visit. ### Use it for - Tree surgeon past jobs - Landscaping case studies - Building and renovation portfolio - Cleaning or restoration results What you can edit ## Every word, image and link is a WordPress block Select any of them in the block editor and change it in place. Colours, type and spacing use the blocks’ own controls. The layout stays protected while you edit. Unlock layout, in the section’s settings, lets you insert, move and remove any block. - 6 images all required - 4 headings all required - 24 text lines 21 optional - 1 button optional - 3 items Add item or Remove last item; 1 always stays ### Section settings - Appearance: Designed or Use my theme - Animate changes - Unlock layout How it behaves ## It still works when things are switched off Choose a job from the thumbnail row and its panel slides in; drag the seam across the before and after photograph, and arrow keys move it in steps. Motion off or reduced motion It shows its final state at once; anything a visitor can press or drag still works. JavaScript off All content stays visible and readable; controls the script adds are hidden. Plugin missing or older It pastes as plain WordPress blocks, in reading order, without the designed layout. Questions ## Job Casebook: common questions What is Job Casebook for? The work page of a tree surgeon, builder or gardener, where several finished jobs each need their before and after and the facts of the visit. Typical uses: tree surgeon past jobs, landscaping case studies, building and renovation portfolio and cleaning or restoration results. Does Job Casebook need a plugin? Yes. Designed Patterns come with a subscription, which includes the Pattern Paste plugin that runs them; Job Casebook arrived in plugin 0.45.6. Without the plugin, or on an older version, it pastes as plain WordPress blocks: the content reads in order, without the designed layout. What can I edit in Job Casebook? As pasted it has 6 images, 4 headings, 24 text lines and 1 button, 22 of them optional and removable. The items are a repeatable set: the item controls add one or remove the last. The layout stays protected while you edit. Unlock layout, in the section’s settings, lets you insert, move and remove any block. Will Job Casebook match my theme? Choose Designed to keep its own palette and type, or Use my theme to let it follow your theme’s colours and fonts. Either works in any block theme on WordPress 7.0 or later. Choose Use my theme in the preview above to see it follow a theme before you copy. Can the motion be switched off? Yes. Turn off Animate changes in the section settings, and visitors who ask their device for reduced motion get the same: the section shows its final state at once and anything they can press or drag still works. With JavaScript off, all content stays visible. Back to Designed Patterns (https://patternpaste.com/designed-patterns/?category=gallery) One-time setup ## Install once, then paste Install and activate the Pattern Paste plugin on your WordPress site. Then paste this section into the block editor. Get the plugin (https://patternpaste.com/account/#themes) Added in plugin 0.45.6. Older installs paste it as plain blocks until they update. See what shipped (https://patternpaste.com/changelog/) Installation guide (https://patternpaste.com/docs/install-pattern-paste/) ## Specifications Section Gallery Needs Pattern Paste plugin Since Plugin 0.45.6 Appearance Designed or your theme Motion Optional, off for reduced motion Themes Any block theme WordPress 7.0+ Tested In WordPress, 10 checks (https://patternpaste.com/how-we-test/) Continue exploring ## More in Gallery Explore this category (https://patternpaste.com/designed-patterns/?category=gallery) Gallery Needs the plugin ### Offbeat Project Deck Oversized type, tilted project cards and a tactile selector. A layered portfolio with an acid-yellow authored look, or the colours and type of your own theme. Preview pattern (https://patternpaste.com/designed-patterns/deck/) Gallery Needs the plugin ### The Long Way Round A borderless travel filmstrip with alternating landscape and portrait crops, a cobalt-and-tangerine authored palette and a continuous ribbon you can drag in either direction. Preview pattern (https://patternpaste.com/designed-patterns/photoroll/) Gallery Needs the plugin ### The Print Room Mounted photographs in a warm studio print room, with generous borders, edition notes and a moving image ribbon you can grab and drag. Preview pattern (https://patternpaste.com/designed-patterns/printroom/)