j1-template 2020.0.20 → 2021.0.0

data/lib/starter_web/pages/public/previewer/iframer.adoc

@@ -1,17 +1,22 @@
 ---
 title:                                  Framer
 tagline:                                automagic iframes
-description:                            Test page for J1 module framer
+date:                                   2020-11-08 12:00:00
+description: >
+                                        Test page for J1 module framer. Framer enables the automatic
+                                        resizing of the height and width of both same and cross domain
+                                        iFrames to fit their contained content. It provides a range of
+                                        features to address the most common issues with using HTML iFrames.
 
-tags:                                   [ App, Previewer ]
-index:                                  [ Start, Template, Web, Day, Jekyll ]
-categories:                             [ pages ]
+tags:                                   [ HTML, iframe ]
+categories:                             [ App, Previewer ]
+
+toc:                                    false
 
 permalink:                              /pages/public/iframer/
 regenerate:                             false
-toc:                                    false
 
-resources:                             [ iframe_resizer ]
+resources:                              [ framer, fam ]
 resource_options:
   - attic:
       padding_top:                      400
@@ -29,13 +34,8 @@ resource_options:
             href:                       https://unsplash.com/@jruscello
 ---
 
-// Enable the Liquid Preprocessor
-//
-:page-liquid:
-
-// Set other global page attributes here
-// -----------------------------------------------------------------------------
-
+// Page content
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
 == Automagic iFrame
 
@@ -48,38 +48,45 @@ Resize window or click one of the links in the iFrame to watch it resize.
   src="/assets/themes/j1/modules/iframeResizer/examples/frame.content.html"
   width="100%"
   style="border-width:0;"
-  scrolling="no">
+  scrolling="no"
+  title="Test Content">
 </iframe>
 
 <script>
-	iFrameResize({
-		log:                    true,
-    minHeight:              250,
-		onResized: function(messageData){
-
-			$('p#callback').html(
-				'<b>Frame ID:</b> '    + messageData.iframe.id +
-				' <b>Height:</b> '     + messageData.height +
-				' <b>Width:</b> '      + messageData.width +
-				' <b>Event type:</b> ' + messageData.type
-			);
-		},
-		onMessage: function(messageData){
+  $(document).ready(function() {
+    var dependencies_met_page_finished = setInterval (function () {
+      if (j1.adapter.framer.getState() === 'finished') {
+        iFrameResize({
+          log:       true,
+          minHeight: 250,
+          onResized: function(messageData){
 
-			$('p#callback').html(
-				'<b>Frame ID:</b> '    + messageData.iframe.id +
-				' <b>Message:</b> '    + messageData.message
-			);
-			alert(messageData.message);
-			document.getElementsByTagName('iframe')[0].iFrameResizer.sendMessage('Hello back from parent page');
-		},
-		onClosed: function(id){
+            $('p#callback').html(
+              '<b>Frame ID:</b> '    + messageData.iframe.id +
+              ' <b>Height:</b> '     + messageData.height +
+              ' <b>Width:</b> '      + messageData.width +
+              ' <b>Event type:</b> ' + messageData.type
+            );
+          },
+          onMessage: function(messageData){
 
-			$('p#callback').html(
-				'<b>IFrame (</b>'    + id +
-				'<b>) removed from page.</b>'
-			);
-		}
-	});
+            $('p#callback').html(
+              '<b>Frame ID:</b> '    + messageData.iframe.id +
+              ' <b>Message:</b> '    + messageData.message
+            );
+            alert(messageData.message);
+            document.getElementsByTagName('iframe')[0].iFrameResizer.sendMessage('Hello back from parent page');
+          },
+          onClosed: function(id){
+            $('p#callback').html(
+              '<b>IFrame (</b>'    + id +
+              '<b>) removed from page.</b>'
+            );
+          }
+        });
+        clearInterval(dependencies_met_page_finished);
+      }
+    }, 25);
+  });
 </script>
 ++++

data/lib/starter_web/pages/public/previewer/justified_gallery.html

@@ -3,17 +3,25 @@ layout:                                 raw
 
 title:                                  Gallery Previewer
 tagline:                                manage galleries your way
-description:                            Justified Gallery Previewer
+date:                                   2020-11-08 12:00:00
+description: >
+                                        To create modern image and video galleries, J1 Template implements
+                                        the jQuery plugin JustifiedGallery. The module is a great tool to
+                                        create responsive, infinite, and high quality justified image galleries.
+                                        See Justified Gallery in action - and for sure all that you see is even
+                                        responsive. Change the e.g. the size of your current browser window,
+                                        by width or height. From the config menu, some basic features of Justified
+                                        Gallery can be changed online.
+                                        See what will happen!
 
-tags:                                   [ App, Gallery ]
-index:                                  [ Customizer, Previewer, Justified, Gallery ]
-categories:                             [ app ]
+tags:                                   [ App, Images, Videos ]
+categories:                             [ Galleries, Previewer ]
+
+toc:                                    false
 
 permalink:                              /pages/public/previewer/justified_gallery/
 regenerate:                             false
 
-toc:                                    false
-
 resources:                              [ gallery_customizer, justified_gallery, light_gallery ]
 resource_options:
   - attic:
@@ -30,4 +38,4 @@ resource_options:
 ---
 
 <!-- [INFO   ] [j1.gallery_customizer              ] [Placement of the content] -->
-<div id="customizer" class="row r-text-300 g-mb-100"></div>
+<div id="customizer" class="mb-5"></div>

data/lib/starter_web/pages/public/previewer/mdi_icons_preview.adoc

@@ -1,18 +1,22 @@
 ---
 title:                                  MDI Icon Previewer
 tagline:                                search and select mdi icons
-description:                            Material Design Icons Preview for J1 Template
+date:                                   2020-11-08 12:00:00
+description: >
+                                        Previewer for Material Design Icons (MDI) for J1 Template.
+                                        Material Design Icons is a growing icon collection allows
+                                        designers and developers targeting various platforms to download
+                                        icons in the format, color and size they need for any project.
 
-tags:                                   [ Preview, Material, Design, MDI, FontAwesome, Icon, Fonts ]
-index:                                  []
-categories:                             [ pages, manuals ]
+tags:                                   [ Design, MDI, Icon, Fonts ]
+categories:                             [ App, Preview ]
+
+scrollbar:                              false
 
 permalink:                              /pages/public/previewer/mdi_font/
 regenerate:                             false
 
-scrollbar:                              false
-
-resources:                              [ clipboard, rouge, mdi_previewer ]
+resources:                              [ clipboard, rouge, mdi_previewer, fam ]
 resource_options:
   - attic:
       padding_top:                      400
@@ -23,35 +27,26 @@ resource_options:
           alt:                          icon-fonts-1920x1280-bw
 ---
 
+// Page Initializer
+// =============================================================================
 // Enable the Liquid Preprocessor
-// -----------------------------------------------------------------------------
 :page-liquid:
 
-// Set other global page attributes here
-// -----------------------------------------------------------------------------
-
-// Liquid procedures
-// -----------------------------------------------------------------------------
-{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
-
-// Initialize entry document paths
+// Set page (local) attributes here
 // -----------------------------------------------------------------------------
-{% include {{set_env_entry_document}} init_folders=all %}
+//:my-asciidoc-attribute:
 
-// Load tags and urls
+//  Load Liquid procedures
 // -----------------------------------------------------------------------------
-include::{includedir}/attributes.asciidoc[tag=tags]
-include::{includedir}/attributes.asciidoc[tag=urls]
-include::{includedir}/attributes.asciidoc[tag=data]
-
-// Additional Asciidoc page attributes goes here
-// -----------------------------------------------------------------------------
-
+{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
 
-// Include documents
+// Load page attributes
 // -----------------------------------------------------------------------------
+{% include {{load_attributes}} scope="local" %}
 
 
+// Page content
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 == Material Design Icons
 
 _Material Design Icons_ (MDI) is a very helpful design resource for Web Design

data/lib/starter_web/pages/public/previewer/rouge.adoc

@@ -0,0 +1,439 @@
+---
+title:                                  Rouge
+tagline:                                preview rouge themes
+date:                                   2020-11-08 12:00:00
+description: >
+                                        Previewer page for J1 module Rouge. Rouge is a pure Ruby
+                                        syntax highlighter. It can highlight over 100 different
+                                        languages fully integrated with J1 Template.
+
+tags:                                   [ Rouge, Highlighter ]
+categories:                             [ App, Previewer ]
+
+toc:                                    true
+
+permalink:                              /pages/public/previewer/rouge/
+regenerate:                             false
+
+resources:                             [ rouge, clipboard, fam ]
+resource_options:
+  - attic:
+      padding_top:                      400
+      padding_bottom:                   50
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/modules/attics/jessica-ruscello-1920x1280.jpg
+          alt:                          Photo by Jessica Ruscello Unsplash
+#         caption:
+#           text:                       Photo by Jessica Ruscello on Unsplash
+#           href:                       https://unsplash.com/@jasonrosewell
+          badge:
+            type:                       unsplash
+            author:                     Jessica Ruscello
+            href:                       https://unsplash.com/@jruscello
+---
+
+// :source-highlighter: rouge
+// https://dzone.com/articles/awesome-asciidoctor-highlight-lines-in-source-code
+
+:rouge-line-class: line
+:rouge-line-id: X%i
+
+
+// Page content
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+== Theme selector
+
+Make a selection of theme below to preview a theme.
+
+++++
+<div class="btn-group">
+  <button class="btn btn-primary btn-raised btn-flex btn-lg dropdown-toggle" type="button" data-toggle="dropdown" data-target="#navbarDropdown" aria-haspopup="true" aria-expanded="false">
+  Select Theme<span class="caret"></span>
+  </button>
+  <div class="dropdown-menu">
+    <a class="dropdown-item" active="true" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.dark</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.light</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai.dark</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai.light</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized.dark</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized.light</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('colorful')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>colorful</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('github')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>github</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('gruvbox')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>gruvbox</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('gruvbox.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>gruvbox.light</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('igorpro')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>igorpro</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('molokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>molokai</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('monokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>monokai</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('monokai.sublime')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>monokai.sublime</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('pastie')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>pastie</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('thankful_eyes')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>thankful_eyes</a>
+    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('tulip')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>tulip</a>
+  </div>
+</div>
+<div id="selected" class="mt-1 mb-3"></div>
+++++
+
+=== Liquid
+
+// [source, liquid, linenums, highlight='3-7']
+// [source, liquid, role="linenums"]
+[source, liquid]
+----
+Hello {{ 'now' | date: "%Y %h" }}
+
+{% comment %} if item.quantity is 4... {% endcomment %}
+
+{% for i in (1..item.quantity) %}
+  {{ i }}
+{% endfor %}
+
+{% comment %} results in 1,2,3,4 {% endcomment %}
+----
+
+=== Javascript
+
+[source, javascript, linenums, highlight='3-7']
+----
+// ---------------------------------------------------------------
+// helper functions
+// ---------------------------------------------------------------
+function styleSheetLoaded(styleSheet) {
+  var sheets     = document.styleSheets,
+      stylesheet = sheets[(sheets.length - 1)];
+
+  // find CSS file 'styleSheetName' in document
+  for(var i in document.styleSheets) {
+    if(sheets[i].href && sheets[i].href.indexOf(styleSheet) > -1) {
+      return true;;
+    }
+  }
+}
+----
+
+=== Ruby
+
+// :source-highlighter: rouge
+// :source-highlighter: pygments
+// :pygments-style: emacs
+// :icons: font
+
+[source, ruby, linenums]
+----
+require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
+include Asciidoctor <1>
+
+Asciidoctor:Extensions.register do
+  class J1BlockMacro < Extensions:BlockMacroProcessor
+    use_dsl
+    named :banner
+    name_positional_attributes 'role'
+
+    def process parent, target, attrs
+      html = %(<div id="#{target}" class="#{attrs['role']}"></div>)
+      create_pass_block parent, html, attrs, subs: nil
+    end
+  end
+  block_macro J1BlockMacro
+end
+----
+<1> don't miss to load the Asciidoctor ruby
+
+=== Asciidoc
+
+// [source, text]
+// [source, apex]
+// [source, erlang]
+// [source, batchfile]
+// [source, turtle]
+[source, prometheus, linenums]
+----
+== Lightbox Examples
+
+Find below an example of using the lightbox Lightbox standalone.
+See how single (individual) images are linked for the use with
+Lightbox.
+
+.A Lightbox block for standalone images
+lightbox:example-standalone[ 400, {data-images-standalone} ]
+
+NOTE: The name LightGallery implies a sort of a Gallery but
+the library is a _lightbox_.
+----
+
+=== Attributes
+
+You can further customize the source block output with additional Rouge
+attributes:
+
+rouge-css::
+  Controls what method is used for applying CSS to the tokens.
+  Can be `class` (CSS classes), `style` (inline styles) or `external` (external styles).
+  When `class` is used, Rouge styles for the specified theme are included in an HTML header.
+  When `external` is specified, CSS classes are used but no styles will be added except
+  when `rouge-theme` is not empty in which case its value is interpreted as a URL to a
+  style sheet and a link to that style sheet will be added to the HTML header.
+  Default is `class`.
+
+rouge-theme::
+  Sets the name of the Rouge color theme to use.
+  Look into https://github.com/jneen/rouge/tree/master/lib/rouge/themes[lib/rouge/themes]
+  in the Rouge repository for a list of available themes.
+  Default is `github`.
+
+rouge-style::
+  Alternative name for the `rouge-theme` for compatibility with _asciidoctor-pdf_
+  (see https://github.com/{gh-name}/issues/3[#3]).
+
+rouge-highlighted-class::
+  CSS class to use on a line wrapper element for highlighted lines.
+  Default is `highlighted`.
+
+rouge-line-class::
+  CSS class to set on a line wrapper element
+  Default is `line`.
+
+rouge-line-id::
+  Format string for specifying an HTML `id` for each line (e.g. with
+  `rouge-line-id="L%i"` each line of the listing will get an id of the
+  form `id="L1"`, `id="L2"`, etc.). This really only makes sense if the
+  format string is distinct for each source listing, otherwise it will
+  lead to duplicate IDs which makes the generated HTML invalid.
+  Default is no line ids.
+
+== Supported languages
+
+Here the list of the supported languages and lexers.
+
+abap:: SAP - Advanced Business Application Programming
+actionscript:: ActionScript
+  * aliases: as,as3
+apache:: configuration files for Apache web server
+apiblueprint:: Markdown based API description language.
+  * aliases: apiblueprint,apib
+applescript::
+  The AppleScript scripting language by Apple Inc.
+  http://developer.apple.com/applescript/[applescript]
+  * aliases: applescript]
+awk:: pattern-directed scanning and processing language
+biml:: BIML, Business Intelligence Markup Language
+brainfuck:: The Brainfuck programming language
+bsl:: The 1C:Enterprise programming language
+c:: The C programming language
+ceylon:: Say more, more clearly.
+cfscript:: CFScript, the CFML scripting language
+  * aliases: cfc
+clojure:: The Clojure programming language
+  (clojure.org)
+  * aliases: clj,cljs
+cmake:: The cross-platform, open-source build system
+coffeescript:: The Coffeescript programming language
+  (coffeescript.org)
+  * aliases: coffee,coffee-script
+common_lisp::
+  The Common Lisp variant of Lisp
+  (common-lisp.net)
+  * aliases: cl,common-lisp,elisp,emacs-lisp]
+conf:: A generic lexer for configuration files
+  * aliases: config,configuration]
+console:: A generic lexer for shell sessions.
+  Accepts ?lang and ?output lexer options, a ?prompt option, and ?comments
+  to enable comments.
+   * aliases: terminal,shell_session,shell-session
+coq:: Coq (coq.inria.fr)
+cpp:: The C++ programming language
+  * aliases: c++
+crystal:: Crystal The Programming Language
+(crystal-lang.org)
+* aliases: cr
+csharp:: a multi-paradigm language targeting .NET
+   * aliases: c#,cs
+css:: Cascading Style Sheets, used to style web pages
+d:: The D programming language(dlang.org)
+  * aliases: dlang
+dart:: The Dart programming language
+  (dartlang.com)
+diff:: Lexes unified diffs or patches
+  * aliases: patch,udiff
+digdag:: A simple, open source, multi-cloud workflow engine
+  (https://www.digdag.io/)
+docker:: Dockerfile syntax
+  * aliases: dockerfile
+dot:: graph description language
+eiffel:: Eiffel programming language
+elixir:: Elixir language (elixir-lang.org)
+  * aliases: elixir,exs
+elm:: The Elm programming language
+  (http://elm-lang.org/)
+erb:: Embedded ruby template files
+  * aliases: eruby,rhtml
+erlang::
+  The Erlang programming language
+  (erlang.org)
+  * aliases: erl]
+escape:: A generic lexer for including escaped content - see Formatter.enable_escape!
+  * aliases: esc
+factor:: Factor, the practical stack language (factorcode.org)
+fortran:: Fortran 2008 (free-form)
+fsharp:: F# (fsharp.net)
+gherkin:: A business-readable spec DSL ( github.com/cucumber/cucumber/wiki/Gherkin )
+  * aliases: cucumber,behat
+glsl:: The GLSL shader language
+go:: The Go programming language (http://golang.org)
+ * aliases: go,golang
+gradle:: A powerful build system for the JVM
+graphql:: GraphQL
+groovy:: The Groovy programming language (http://www.groovy-lang.org/)
+hack:: The Hack programming language (hacklang.org)
+ * aliases: hack,hh
+haml:: The Haml templating system for Ruby (haml.info)
+ * aliases: HAML
+handlebars:: the Handlebars and Mustache templating languages
+ * aliases: hbs,mustache
+haskell:: The Haskell programming language (haskell.org)
+ * aliases: hs
+hcl:: Hashicorp Configuration Language, used by Terraform and other Hashicorp tools
+html:: HTML, the markup language of the web
+http:: http requests and responses
+hylang:: The HyLang programming language (hylang.org)
+ * aliases: hy
+idlang:: Interactive Data Language
+igorpro:: WaveMetrics Igor Pro
+ini:: the INI configuration format
+io:: The IO programming language (http://iolanguage.com)
+irb:: Shell sessions in IRB or Pry
+ * aliases: pry
+java:: The Java programming language (java.com)
+javascript:: JavaScript, the browser scripting language
+ * aliases: js
+jinja:: Django/Jinja template engine (jinja.pocoo.org)
+ * aliases: django
+json:: JavaScript Object Notation (json.org)
+json-doc:: JavaScript Object Notation with extenstions for documentation
+jsonnet:: An elegant, formally-specified config language for JSON
+jsp:: JSP
+jsx:: React JSX (https://facebook.github.io/react/)
+ * aliases: jsx,react
+julia:: The Julia programming language
+ * aliases: jl
+kotlin:: Kotlin Programming Language (http://kotlinlang.org)
+lasso:: The Lasso programming language (lassosoft.com)
+ * aliases: lassoscript
+liquid:: Liquid is a templating engine for Ruby (liquidmarkup.org)
+literate_coffeescript:: Literate coffeescript
+ * aliases: litcoffee
+literate_haskell:: Literate haskell
+ * aliases: lithaskell,lhaskell,lhs
+llvm:: The LLVM Compiler Infrastructure (http://llvm.org/)
+lua:: Lua (http://www.lua.org)
+m68k:: Motorola 68k Assembler
+magik:: Smallworld Magik
+make:: Makefile syntax
+ * aliases: makefile,mf,gnumake,bsdmake
+markdown:: Markdown, a light-weight markup language for authors
+ * aliases: md,mkd
+mathematica:: Wolfram Mathematica, the world's definitive system for modern technical computing.
+ * aliases: wl
+matlab:: Matlab
+ * aliases: m
+moonscript:: Moonscript (http://www.moonscript.org)
+ * aliases: moon
+mosel:: An optimization language used by Fico's Xpress.
+mxml:: MXML
+nasm:: Netwide Assembler
+nginx:: configuration files for the nginx web server (nginx.org)
+nim:: The Nim programming language (http://nim-lang.org/)
+ * aliases: nimrod
+nix:: The Nix expression language (https://nixos.org/nix/manual/#ch-expression-language)
+ * aliases: nixos
+objective_c:: an extension of C commonly used to write Apple software
+ * aliases: objc,obj-c,obj_c,objectivec
+ocaml:: Objective Caml (ocaml.org)
+pascal:: a procedural programming language commonly used as a teaching language.
+perl:: The Perl scripting language (perl.org)
+ * aliases: pl
+php:: The PHP scripting language (php.net)
+ * aliases: php,php3,php4,php5
+plaintext:: A boring lexer that doesn't highlight anything
+ * aliases: text
+plist:: plist
+* aliases: plist
+powershell:: powershell
+ * aliases: posh,microsoftshell,msshell
+praat:: The Praat scripting language (praat.org)
+prolog:: The Prolog programming language (http://en.wikipedia.org/wiki/Prolog)
+ * aliases: prolog
+prometheus:: prometheus
+ * aliases: prometheus
+properties:: .properties config files for Java
+protobuf:: Google's language-neutral, platform-neutral, extensible mechanism for serializing structured data
+ * aliases: proto
+puppet:: The Puppet configuration management language (puppetlabs.org)
+ * aliases: pp
+python:: The Python programming language (python.org)
+ * aliases: py
+q:: The Q programming language (kx.com)
+ * aliases: kdb+
+qml:: QML, a UI markup language
+ * aliases: qml
+r:: The R statistics language (r-project.org)
+ * aliases: r,R,s,S
+racket:: Racket is a Lisp descended from Scheme (racket-lang.org)
+ruby:: The Ruby programming language (ruby-lang.org)
+ * aliases: rb
+rust:: The Rust programming language (rust-lang.org)
+ * aliases: rs,rust,no_run,rs,no_run,rust,ignore,rs,ignore,rust,should_panic,rs,should_panic
+sass:: The Sass stylesheet language language (sass-lang.com)
+scala:: The Scala programming language (scala-lang.org)
+ * aliases: scala
+scheme:: The Scheme variant of Lisp
+scss:: SCSS stylesheets (sass-lang.com)
+sed:: sed, the ultimate stream editor
+shell:: Various shell languages, including sh and bash
+ * aliases: bash,zsh,ksh,sh
+sieve:: mail filtering language
+slim:: The Slim template language
+smalltalk:: The Smalltalk programming language
+ * aliases: st,squeak
+smarty:: Smarty Template Engine
+ * aliases: smarty
+sml:: Standard ML
+ * aliases: ml
+sqf:: Status Quo Function, a Real Virtuality engine scripting language
+sql:: Structured Query Language, for relational databases
+supercollider:: A cross-platform interpreted programming language for sound synthesis, algorithmic composition, and realtime performance
+swift:: Multi paradigm, compiled programming language developed by Apple for iOS and OS X development. (developer.apple.com/swift)
+tap:: Test Anything Protocol
+ * aliases: tap
+tcl:: The Tool Command Language (tcl.tk)
+terraform:: Terraform HCL Interpolations
+ * aliases: tf
+tex:: The TeX typesetting system
+ * aliases: TeX,LaTeX,latex
+toml:: the TOML configuration format (https://github.com/mojombo/toml)
+tsx:: tsx
+tulip:: the tulip programming language (twitter.com/tuliplang)
+ * aliases: tulip
+turtle:: Terse RDF Triple Language, TriG
+twig:: Twig template engine (twig.sensiolabs.org)
+typescript:: TypeScript, a superset of JavaScript
+ * aliases: ts
+vala:: A programming language similar to csharp.
+vb:: Visual Basic
+ * aliases: visualbasic
+verilog:: The System Verilog hardware description language
+vhdl:: Very High Speed Integrated Circuit Hardware Description Language
+viml:: VimL, the scripting language for the Vim editor (vim.org)
+ * aliases: vim,vimscript,ex
+vue:: Vue.js single-file components
+ * aliases: vuejs
+wollok:: Wollok lang
+xml:: XML
+xojo:: Xojo
+ * aliases: realbasic
+yaml:: Yaml Ain't Markup Language (yaml.org)
+ * aliases: yml