Certificate Awards Block for React

Edit CERTIFICATE at the top of the file (recipient, title, programme, year, citation, number and the two days) and the two signers, CHAIR and DIRECTOR, whose strokes are one path each in a 96 by 24 box. The details list reads the same object, so the certificate and the list never disagree.

AS_OF is a fixed day the block is read as of. The status is Valid when the last day is on or after it and Expired otherwise, with the whole years to go beside it. Nothing reads the clock at render, so the server and the browser always agree; set AS_OF yourself to keep it current.

It is a link to # in the example. Point it at your own verification page, for example one that takes the certificate number; the Verification Lookup block in this category is a page that does that.

No. Each is a stroked path, a flourish rather than a name, and the name and title are text under it. Do not draw a real person's signature without their permission; in a real certificate you would use an image the signer has approved.

The certificate is a figure whose caption (hidden visually) gives the number, the title and the programme. The heading, recipient, citation, names, titles and number are text; the laurel, frames, seal and strokes are hidden from assistive technology. The details are a description list with real time elements.

The certificate keeps its frame and its order but is narrower and taller: the type steps down, the seal is dropped and the two signers sit side by side. The details list goes under it. In a right-to-left layout the text reads right to left and the signers swap sides.