1 min read

Getting Techical: dissecting Ronzz.org (website)

Ever wondered what's behind the scenes @ ronzz.org ?

Note: this article uses Prism.js. Code highlighting will not function is Javascript is disabled.

The Basics

Ronzz.org is a Ghost instance. Ghost is an open-source platform dedicated to HTML-based professional publication. You can learn more about Ghost on their official website. We have chosen Ghost over building our own site from scratch to save the headaches and concentrate on what really matters: the CONTENT.


Styling

Ronzz.org uses a derivative of the Dawn theme v.1.0.0, one of the 18 official Ghost themes.

Code display

The CS section of Ronzz.org features a considerable amount of code snippets.

The code highlighting is done via Prism.js, an open-source, javascript-based code highlighting solution. It is intergrated into our Ghost instance via header & footer code injection.

The setup we use is:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs/themes/prism-coy.min.css">
<script src="https://cdn.jsdelivr.net/npm/prismjs/prism.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/prismjs/plugins/autoloader/prism-autoloader.min.js" defer></script>

Keypoints:

Theme: prism coy

Delivery: via jsDelivr CDN (Content Delivery Network)