Brics for Blocs

Add math rendering, syntax highlighting, photo galleries, and site navigation to a website built with Blocs for Mac. Each article leads to examples, downloads, and instructions for getting started.

Choose what you want to do

Bric	What it does	Before you start
Math Renderer	Turns LaTeX-style text into inline and display equations	Enter formulas in regular Paragraphs. Math fonts load from an external service
Code Highlighter	Highlights code examples with optional line numbers, language labels, and copy buttons	Enter code and its language ID in regular Paragraphs
Gallery Pro	Displays server-side photos in four layouts and a lightbox	Prepare PHP-capable hosting and a photo folder
Navbar Pro	Combines a logo, site menu, language links, and an appearance switch	Prepare logo images and the pages to link to

Math Renderer and Code Highlighter can share a dedicated extension Bloc. The illustrated Bric placement guide explains setting Padding to None and choosing a page-local or Global Area placement.

Place Gallery Pro where the photos should appear and Navbar Pro as a header. Follow their individual setup guides.

Downloads

• Math Renderer 1.0.0
• Code Highlighter 1.0.0
• Gallery Pro 1.0.0
• Navbar Pro 1.0.11

Guides and references

Math Renderer and Code Highlighter each have a single page covering the introduction, usage, and settings. For Gallery Pro and Navbar Pro, start with the introduction and examples, then continue to the user guide or settings reference.

10 articles

1. Code Highlighter

   How to use Code Highlighter in Blocs, with input examples, themes, settings, and verified behavior and limitations.

Gallery Pro

1. Hosting guides for Gallery Pro

   Official file management, permissions, and PHP configuration guides for eight hosting providers.

2. Gallery Pro settings and photo information

   Gallery Pro settings, defaults, multilingual metadata, captions, and lightbox controls.

3. Set up Gallery Pro

   Prepare photos, configure PHP and Blocs code fields, set up photo URLs, publish, and check attachments.

4. Gallery Pro

   Meet Gallery Pro: four photo layouts, a lightbox, metadata, and guides to publishing a gallery from server folders.

1. Math Renderer

   Features, placement instructions, input examples, and requirements for Math Renderer, a Bric that renders LaTeX-style math in Blocs page text.

Navbar Pro

1. Navbar Pro

   Meet Navbar Pro: a fixed site header with logos, menus, language links, an appearance switch, and responsive examples.

2. Navbar Pro user guide

   Place Navbar Pro and configure logos, links, the breakpoint, appearance, overlays, and publishing checks.

3. Navbar Pro settings reference

   Navbar Pro controls, defaults, and ranges for its 24 settings.

1. Placing Brics That Add Page Features

   Place Math Renderer, Code Highlighter, and Language Switcher in a dedicated Bloc without padding, either on one page or across your site.