• Public

  • Public
  • Network
  • Groups
  • Popular
  • People

Screenshot of code editor showing detail of src/lib/Version.js with the following code highlighted: get Component () { return this.html.bind(this) } Full code listing show follows: return (this.day > lastDay[this.month]) ? zodiac[this.month + 1] : zodiac[this.month] } get Component () { return this.html.bind(this) } /** HTML component to display version information. */ html () { const gitHashAsCSSHexColourString = `#${this.gitHash}` return globalThis.kitten.html` <dl class='nameValueList'> <dt>Version</dt> <dd>${this.apiVersion}-${this.gitHash}-${this.nodeVersion}-${this.versionStamp}</dd> <dt>Born</dt> <dd>${this.birthday()}</dd> <dt>Favourite colour</dt> <dd id='favouriteColour'>${gitHashAsCSSHexColourString}</dd> <dt>API version</dt> <dd>${this.apiVersion}</dd> <dt>Runtime</dt> <dd>Node.js ${this.nodeVersion}</dd> <style> dl { display: grid; grid-template-columns: auto 1fr; } dt { font-weight: bold; } #favouriteColour::before { content: '█ '; color: ${gitHashAsCSSHexColourString}; } </style> </dl> ` } /** Output version information to the console. */