section customization

Topic-cards are organized using a tree-structure of topic sections.

The structure and names of these sections comes from the “src/data/sections.js” file.

Below is a snippet from that file, showing the sections for: “main”, “meta” and “media”.

'main': {
  'icon'  : '',
},

'meta': {
  'icon'  : '',
},

'media': {
  'icon'  : '',

  'sub'   : {

    'media-video': {
      'icon' : 'fas fa-video',
    },

    'media-image': {
      'icon' : 'far fa-images',
    },

    'media-audio': {
      'icon' : 'fas fa-volume-up',
    },

    'media-software': {
      'icon' : 'far fa-window-restore',
    },

  },

},

Each section can define the following fields:

name description
ID ID-name, this is the section object-key by which the sections are processed in Conzept. This ID is also used for localizing section names.
icon optional: Icon-classes, either taken from FontAwesome or from OpenMoji.
sub optional: Section-branch, which is used to define sub-sections within a section. Sections can have unlimited sub-sections.

To add or remove sections, you edit the “sections.js” file as needed and execute “npm run build”.

In the field customization section you can see how links can be added to sections.