gene2grid

intro

• It is a Hugo schortcode, which is an advancement of 000i .
• It converts characters including spaces in line to grid.
• Required parameter is id that must be unique.
• Optional parameter is display with value inline-block for arrange several grids in a line.
• Current version has only two colors, #000 and #fff with border #888.

results

code

{{< gene2grid id="c00" display="inline-block" >}}
11111
00100
00100
00100
00100
{{< /gene2grid >}}

{{< gene2grid id="c01" display="inline-block" >}}
11110
10000
11100
10000
11110
{{< /gene2grid >}}

{{< gene2grid id="c02" display="inline-block" >}}
10001
01010
00100
01010
10001
{{< /gene2grid >}}

{{< gene2grid id="c03" display="inline-block" >}}
11111
00100
00100
00100
00100
{{< /gene2grid >}}

refs

• “Create your own shortcodes”, Hugo, url https://gohugo.io/templates/shortcode-templates/ .
• “How to check whether a string contains a substring in JavaScript?”, StackOverflow, url https://stackoverflow.com/a/1789952/9475509 .
• “How to Remove the Last Element of a JavaScript Array”, HackerNoon, url https://hackernoon.com/how-to-remove-the-last-element-of-a-javascript-array .
• “JavaScript Array shift()”, W3Schools, url https://www.w3schools.com/jsref/jsref_shift.asp .
• “JavaScript split() a String – String to Array JS Method”, freeCodeCamp, url https://www.freecodecamp.org/news/javascript-split-a-string-string-to-array-js-method/
• “Hugo - Show ShortCode Markdown in Code Block”, url https://digitaldrummerj.me/hugo-show-shortcode-markdown-in-code-block/ .