items.js

/**
 * Navigation Items
 */
let navItems = [
  {
    'id': 'diagrams',
    'color': '#ffd052',
    'descr': 'diagrammes',
    'thumb': `
            <div id="shining">
              <img src="Graphics/diagrams/OCP4_DC.jpg" class="thumb" onclick="window.open(this.src)">
              <img src="Graphics/diagrams/OCP4_DS_1.jpg" class="thumb" onclick="window.open(this.src)">
              <img src="Graphics/diagrams/OCP4_DS_2.jpg" class="thumb" onclick="window.open(this.src)">
              <img src="Graphics/diagrams/OCP4_DS_3.jpg" class="thumb" onclick="window.open(this.src)">
              <img src="Graphics/diagrams/OCP4_DS_REF.jpg" class="thumb" onclick="window.open(this.src)">
            </div>
            `
  },
  {
    'id': 'usecases',
    'color': '#6cd85b',
    'descr': 'cas d\'utilisation',
    'thumb': `
            <div id="shining">
              <img src="Graphics/diagrams/OCP4_EF_DCU_1.jpg" class="thumb" onclick="window.open(this.src)">
              <img src="Graphics/diagrams/OCP4_EF_DCU_2.jpg" class="thumb" onclick="window.open(this.src)">
              <img src="Graphics/diagrams/OCP4_EF_DCU_3.jpg" class="thumb" onclick="window.open(this.src)">
            </div>
            `
  },
  {
    'id': 'mpd',
    'color': '#65fff6',
    'descr': 'modèle physique de données',
    'thumb': `
            <div id="shining">
              <img src="Graphics/diagrams/OCP4_MPD.jpg" class="thumb" onclick="window.open(this.src)">
            </div>
            `
  },
  {
    'id': 'database',
    'color': '#fbfbfc',
    'descr': 'base de données',
    'thumb': `
            <div id="shining">
              <p>Télécharger la base de données</p>
              <p class="download-icon"><a href="bdd/express_food.zip">⤓</a></p>
            </div>
            `
  }
]