Title:
Site suggestion: http://www.feestdagen-belgie.be/kalender/ Calendar Viewer 1830-2099

Description:
This project has been developed with Bootstrap V4 (currently @ bootstrap-4.0.0-alpha.4) in CSS Flex mode.

The backend is Node.js V6 LTS, Express.js V4 and Dust.js (an isomorphic JavaScript template rendering library). The service is injected into the WordPress website http://www.feestdagen-belgie.be/ using an Apache Reverse Proxy under the url /kalender. The site is served publicly via a Varnish HTTP Cache.

The website is written in the Dutch locale but that should not block you to see how Bootstrap V4 has been used.

The project consists of 2 parts which both use Bootstrap V4.

All subsystems (website & downloads generation) use the same calendar data model.

The website.

The first part of the service is an interactive responsive calendar website http://www.feestdagen-belgie.be/kalender/ for the years 1830 – 2099 (the main URL will redirect to the current year) using Bootstrap V4 custom grid definitions.

It consists of a year view (with the 12 months) and a month view (with just that month for small viewports, but 3 months n-1 n n+1 for wide viewports).

Each view also lists the holidays, long weekends, etc. for that subject.

Examples:

The generated Acrobat PDF documents and JPG images and JPG thumbnails.

This part contains about 2100 calendar downloads in Acrobat PDF format and in JPG format, and the accompanying thumbnails for use on the website.

These PDF documents can be downloaded via the website which is described in the previous part. Some people prefer indeed to download and view a PDF calendar instead of browsing the calendar online, or using an online calendar product.

The subsystem uses a unique and efficient way of using Bootstrap V4 to render professional PDF documents.

The downloads are rendered using Bootstrap V4 custom grid definitions and some custom views.

The output is rendered into PDF files using several cmdline tools to manipulate PDF documents and PostScript.

All the pdf documents and thumbnail images are generated very easily in batch with a 1-click script.

Examples:

https://github.com/twbs/bootstrap-expo/issues

Tagged with →