Keep notes here to remind your self of the editing process. Check back here for updates and breaking changes.
Album Page Templates
The "Album" template will have 4 flavors; video, default, audio and light-box. These templates change page designs. Some templates change content options.
Templates have "switching" design options. The idea is that sometimes you want a shift in feel and dominance of content.
Switching fields have ⚡️icon. A power up.
‼️ Each template has a template title on each album to show which template your using.
When you change a template any field NOT in the changed template will be lost. That's why you see repeat fields in each template. Ie video hero is in all templates but only activated to the top of the page in the album.video template.
- In an album page...
- Choose the Gear ⚙️ Icon
- Choose Change Template
- Choose a template
- And save
Album.image.template
Album image supports a typical Alison artwork page. The main instrument of the page is the "gallery" block used in the body of the page.
Ideally we will try and create three base styles for the page. The Hero image will flood the top or appear on the side.
- Top header image
- Right Hero image
- Body Gallery images
Album.video template
Album video template takes the main video from the Video gallery and floods the top of the page.
Album.audio template
Album audio makes a hero decorated audio file on the right side of the page.
IF you don't add h3 tags to the title the full h2 tag will be expressed and add space to the block to showcase the featured image.
A good sample is at ->
dhalawala-soundtrack.
SVG Generators
These images are made using this image generator.
https://www.fffuel.co/ffflux/
https://www.fffuel.co/bbblurry/
You can make and export these as svg and pull them into audio backgrounds. Or anywhere!!
- Create image
- Export as SVG
- Edit svg with the following. ( need a code editor )
- Delete these two elements from the svg file.
- xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs"
Save and close.
Alternately - you can drop the svg into https://iconly.io/tools/svg-cleaner to remove the error generating code from fffuel
https://chrischinchilla.com/blog/2024/7-alternative-text-editors-and-ides-for-macos/