ecal-mid.github.io

CDN ECAL-MID

For hosting and/or using as a CDN for files.

ECAL CMS - custom posts

- WARNING: EXPERIMENTAL

Installation

In your new post in the ECAL CMS, put this script tag inside the html in the EN & FR text fields of a project.
Toggle the HTML view by clicking on the button </> (top left of the field).

• Complete Library (Recommended)

Loads all the scripts in the list below (img-link, custom-vimeo, iframe).

<img src="" onerror="document.body.appendChild(document.createElement('script')).setAttribute('src','https://cdn.ecal-mid.ch/js/ecalch_bundle.min.js')">

• Custom Vimeo Player

Enables the vimeo fullscreen button.

<img src="" onerror="document.body.appendChild(document.createElement('script')).setAttribute('src','https://cdn.ecal-mid.ch/js/ecalch_custom-vimeo.min.js')">

Options

You can add vimeo search parameters next to the video ID: 432793996?background=1&quality=540p&autopause=0&dnt=1.
background=1&autopause=0 will autoplay and loop a muted video. autopause will make sure the video won’t pause when a normal embed vimeo starts to play. dnt=1 do not track, will disable cookies & analytics.

• External link button on image

Automatically sets an image as a clickable link if it detects a html tag in its caption.

<img src="" onerror="document.body.appendChild(document.createElement('script')).setAttribute('src','https://cdn.ecal-mid.ch/js/ecalch_img-link.min.js')">

• Animated Gifs

Uploaded gifs will always be shown as animation.

<img src="" onerror="document.body.appendChild(document.createElement('script')).setAttribute('src','https://cdn.ecal-mid.ch/js/ecalch_gif.min.js')">

• Embed Website in iframe

Sets an iFrame if the “alt” of an image is a complete url.
Useful for small interactive sketches.
Does not work fully work on Safari yet: unsecured http resources from an iframe are not loaded.

<img src="" onerror="document.body.appendChild(document.createElement('script')).setAttribute('src','https://cdn.ecal-mid.ch/js/ecalch_iframe.min.js')">

Options

Fix a ratio by writing it in the “alt”, juste before your url: 16:9 https://www.ecal.ch/.

ECAL CMS - Custom page

• All tabs open

All year tabs open on the MID section of the ECAL website. Add the script content inside the javascript section of the CMS. No need to cheat here.

Milan Hack

<img src="" onerror="document.body.appendChild(document.createElement('script')).setAttribute('src','https://cdn.ecal-mid.ch/js/milan_redirects.js')">

Contribute

Clone this repository. Modify / add new javascript or css file in their respective folders.
Minified versions are added when new commits are done on the master branch via Github Actions.