Welcome to the Pattern Library. This is a demonstration page of all the components on the site and what they're designed for. I will also link to an additional video of how to add components once we go live / they are all finalised. Front page hero Front page hero example Here's the summary for the call to action on this landing page. If you use a square image the hero image will be perfectly circular. The image appears above the text on mobile. The button below can link to an internal link - just use the URL aliase, i.e." /about" - no need to include the domain address for internal links. Card: Feature banner Full width feature card Once we have favicons back this card will also feature a newspaper icon next to the 'updated' field. Here's some text. the image appears above the text on mobile. Here's some text. the image appears above the text on mobile. Read more... Card: Small Diploma £12 a month / ... a year Find out more Educators £4.50 a month / £90 a year Find out more Lifetime £7000 Find out more Card: Text image left / image right You can add these sections and include just plain text or there is also the option to include a button. This will only appear if you include a URL to the page you want to link to. (If you do not have a link yet you can add '#' as a placeholder, but please remember to come back and update with a real URL once your page is built!) Learn about permaculture Enjoy 25% off all Permaculture Association courses Read the back catalogue of Permaculture Works journal Receive our exclusive ‘Learn about Permaculture’ email series Monthly Community Newsletter Access our video library of masterclasses and permaculture project tours Benefits marketing with image right You will need to use clean text without extra formatting in. Format your text within the field. If you're stuck, copy and paste into a .txt file and then copy into the component to format it. Card: Large Two column feature - 1 Here's some body Find out more Two column feature - 2 More stuff goes here Find out even more Card: Nav pink/brown/blue/green Three (or four?) column. Designed as a link to further pages from main landing pages. Use a standard size of image to make the cards uniform. Variants of green, pink and blue. Events Courses Join us Card 1 Card 2 Card 3 Card 4 Card: Events & courses This is for use on our listings rather than within landing pages. Course Specialist Seed saving 1 September, 2023 Course Food Another course 5 February, 2024 Event Fun Some event 31 May, 2024 Text With formatted text you can also add in buttons using the 'Styles' drop down, for example here's an inline button and we're back to paragraph text. use the link icon to add a link to the button. Button Button text Block quote "Though the problems of the world are increasingly complex, the solutions remain embarrassingly simple." Bill Mollison 'More' links Designed to sit in within a two column layout on desktop. If on the right will appear below the left column on desktop. Can be added as a block within the bottom region and set to only appear on specific pages. Looking for more? People in permaculture Places in permaculture