Formato especial

https://www.mediawiki.org/wiki/Extension:Highlightjs_Integration

Sumario

1 Consola
2 Codigo css
3 JavaScript
4 HTML
5 JSON

Consola

root@pimpam:/var/www/html/mediawiki/extensions/SyntaxHighlight# ls
CODE_OF_CONDUCT.md  extension.json  includes     package-lock.json  SyntaxHighlight.lexers.php
composer.json       Gruntfile.js    maintenance  pygments           tests
COPYING             i18n            modules      README
root@pimpam:/var/www/html/mediawiki/extensions/SyntaxHighlight# cd ..
root@pimpam:/var/www/html/mediawiki/extensions# cd ..

Codigo css

#home-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
#home-content {
  width: 100%;
  height: 100%;
  display: table;
}
#home-content-inner {
  display: table-cell;
  vertical-align: middle;
} </pre>

JavaScript

/* ========================
          Preloader 
===========================*/
$(window).on("load", function () {
  $("#status").fadeOut();
  $("#preloader").delay(350).fadeOut("slow");
});

HTML

<body>
    <!-- Preloader-->
    <div id="preloader">
      <div id="status">&nbsp;</div>
    </div>
    <!-- Home -->
    <section id="home">
      <!-- Background Video-->
      <video id="home-bg-video" poster="video/pimpam.png" autoplay loop>
        <source src="video/pimpam.mp4" type="video/mp4" />

JSON

[
  {
    "title": "apples",
    "count": [12000, 20000],
    "description": {"text": "...", "sensitive": false}
  },
  {
    "title": "oranges",
    "count": [17500, null],
    "description": {"text": "...", "sensitive": false}
  }
]